/* ==========================================================================
   SWT v129 — Soft Frosted Glass (مطابق تصویر مرجع)
   سطح کرم گرم، شیشه‌ی مات نرم با لبه‌ی دولایه‌ی نعنایی، لکه‌های نعنایی و صورتی،
   قرص‌های برجسته، کنترل بخش‌بندی‌شده‌ی سبز-آبی، کلید با دکمه‌ی سفید، اسلایدر باریک
   ========================================================================== */
:root{
 --sg-bg:#faf5f1;--sg-bg2:#f1eee9;
 --sg-mint:#cae3dd;--sg-mint-l:#e1f0ec;--sg-mint-d:#a8d2c9;
 --sg-teal:#86c0b6;--sg-teal-d:#5fa196;--sg-teal-x:#3f8478;
 --sg-pink:#f8dfd8;--sg-pink-l:#fdefec;--sg-pink-d:#f0c6bd;
 --sg-tx:#2f3d41;--sg-tx2:#6c7b7d;--sg-ln:rgba(190,216,211,.95);
 /* لبه‌ی دولایه‌ی شیشه */
 --sg-rim:0 0 0 1px rgba(184,212,206,.95),inset 0 0 0 1.5px rgba(255,255,255,.96),inset 0 0 0 3px rgba(206,229,225,.5);
 --sg-bev:inset 0 12px 18px -12px rgba(255,255,255,.98),inset 0 -14px 20px -14px rgba(170,205,198,.38),inset 0 0 34px rgba(255,255,255,.34);
 --sg-drop:0 24px 34px -24px rgba(104,138,132,.44),0 7px 14px -9px rgba(150,162,158,.22);
 --sg-fill:linear-gradient(160deg,rgba(255,255,255,.8),rgba(255,255,255,.42) 55%,rgba(255,255,255,.64));
 --sg-blob:radial-gradient(70% 80% at 86% 104%,rgba(190,228,219,.78),rgba(205,233,227,.34) 48%,transparent 76%);
 --sg-blob-p:radial-gradient(70% 80% at 14% -4%,rgba(250,214,206,.8),rgba(251,226,220,.34) 48%,transparent 76%);
 --sg-bl:blur(14px) saturate(115%);
 /* دکمه‌ی برجسته‌ی کرمی */
 --sg-raise:0 0 0 1px rgba(196,218,213,.95),0 12px 18px -10px rgba(110,140,134,.5),0 3px 6px -3px rgba(150,160,156,.3),inset 0 2px 0 #fff,inset 0 -4px 7px rgba(176,190,186,.22);
 --sg-raise-bg:linear-gradient(180deg,#fcfaf7,#eeece6);
 /* حالت فعال: سبز-آبی */
 --sg-act:linear-gradient(180deg,#9ccfc6 0%,#7fbbb0 48%,#68aa9f 100%);
 --sg-act-sh:0 0 0 1px rgba(104,170,159,.7),0 14px 20px -10px rgba(70,134,124,.65),0 3px 6px -2px rgba(70,134,124,.3),inset 0 2px 1px rgba(255,255,255,.65),inset 0 -6px 10px rgba(58,120,110,.28);
 /* فرورفته (ورودی) */
 --sg-pit:0 0 0 1px rgba(196,218,213,.95),inset 0 3px 6px -1px rgba(150,168,163,.34),inset 0 -2px 3px rgba(255,255,255,.95),0 9px 12px -9px rgba(255,255,255,.95)}

/* ---------- متغیرهای قبلی را به پالت جدید برگردان ---------- */
html body.sgx:not(.lgn),html body.sgx.lgn{
 --t1:var(--sg-tx);--t2:var(--sg-tx2);--dk:var(--sg-tx);--ac:var(--sg-teal-d);
 --bl1:var(--sg-mint-l);--bl2:var(--sg-teal);--bl3:var(--sg-teal-d);
 --iBg:var(--sg-bg);--iTx:var(--sg-tx);--iTx2:var(--sg-tx2);
 --iRim:var(--sg-rim);--iBev:var(--sg-bev);--iDrop:var(--sg-drop);--iCaus:0 0 0 0 transparent;
 --iFill:var(--sg-fill);--iPrism:var(--sg-blob);--iBl:var(--sg-bl)}

/* ---------- سطح پس‌زمینه ---------- */
html body.sgx:not(.lgn){background-color:var(--sg-bg)!important;color:var(--sg-tx)}
html body.sgx:not(.lgn):before{background:radial-gradient(60% 38% at 14% -2%,#fffefd,transparent 70%),radial-gradient(70% 45% at 100% 102%,#ebeae5,transparent 72%),linear-gradient(180deg,#faf5f1,#f4f0eb)!important;background-blend-mode:normal!important}

/* ---------- نوار بالا ---------- */
html body.sgx:not(.lgn) .top{background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(250,245,241,.55))!important;border-bottom:1px solid rgba(255,255,255,.95)!important;box-shadow:0 12px 22px -16px rgba(104,138,132,.4),inset 0 -1px 0 rgba(190,214,210,.6)!important;-webkit-backdrop-filter:blur(16px) saturate(120%)!important;backdrop-filter:blur(16px) saturate(120%)!important}
html body.sgx:not(.lgn) .top a{color:var(--sg-tx)!important;background:var(--sg-raise-bg)!important;box-shadow:var(--sg-raise)!important;border-radius:999px!important;padding:5px 14px!important}
html body.sgx:not(.lgn) .av#av,html body.sgx:not(.lgn) .av{background:var(--sg-act)!important;border:2px solid #fff!important;box-shadow:0 0 0 1px rgba(184,212,206,.95),0 8px 14px -8px rgba(70,134,124,.6)!important}

/* ---------- کارت‌ها: شیشه‌ی مات نرم + لکه‌ی نعنایی ---------- */
html body.sgx:not(.lgn) :is(#p1 .fld,#p1 .prog,.prog,.rfd,.rff2,.rti,.rh,.sm,.rc,.item,.fcc,.stg,.xl,.rfr,.pgc,.banner,.rfal,.rfok,.rfin){background:var(--sg-blob),var(--sg-fill)!important;background-size:100% 100%,100% 100%!important;background-position:0 0,0 0!important;background-repeat:no-repeat!important;border:0!important;border-radius:32px!important;box-shadow:var(--sg-rim),var(--sg-bev),var(--sg-drop)!important;-webkit-backdrop-filter:var(--sg-bl)!important;backdrop-filter:var(--sg-bl)!important;color:var(--sg-tx)!important}
/* هر چهارمین کارت: لکه‌ی صورتی مثل تصویر */
html body.sgx:not(.lgn) :is(#p1 .fld:nth-of-type(4n+3),.rc:nth-child(4n+3),.item:nth-child(4n+3)){background:var(--sg-blob-p),var(--sg-fill)!important;background-size:100% 100%,100% 100%!important;background-repeat:no-repeat!important}
/* کارت‌های هشدار / ابطال: صورتی */
html body.sgx:not(.lgn) :is(.rc.alarm,.rfal){background:radial-gradient(80% 90% at 50% 0%,rgba(248,196,186,.85),rgba(252,226,220,.5) 60%,rgba(255,255,255,.5))!important;color:#8a3b30!important}
html body.sgx:not(.lgn) :is(.rc.fin,.fcc.fin,.rfin,.rfok){background:var(--sg-blob),linear-gradient(160deg,rgba(214,238,232,.9),rgba(236,247,244,.6))!important;background-size:100% 100%!important;color:#2f6a61!important}
html body.sgx:not(.lgn) .rc.new{box-shadow:var(--sg-rim),var(--sg-bev),var(--sg-drop),0 0 0 4px rgba(134,192,182,.3)!important}
html body.sgx:not(.lgn) .rti{box-shadow:var(--sg-rim),var(--sg-bev),var(--sg-drop),inset -4px 0 0 var(--sg-teal)!important}
html body.sgx:not(.lgn) :is(#p2,#p3,#p4,#p5,#p6){border-radius:32px!important}
html body.sgx:not(.lgn) #p1 .fld:before,html body.sgx:not(.lgn) #p1 .prog:before{border-radius:32px 32px 50% 50%/24px 24px 14px 14px!important;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0))!important}
html body.sgx:not(.lgn) #p1 .fld{padding:16px 20px 18px!important;gap:10px!important;margin-bottom:14px!important}
html body.sgx:not(.lgn) #p1 .fld>label{color:var(--sg-tx)!important;font-weight:600!important;font-size:15px!important}
html body.sgx:not(.lgn) #p1 .fld>label i{color:#d0766a!important}
html body.sgx:not(.lgn) #p1 .fld .dt b{color:var(--sg-teal-x)!important}
html body.sgx:not(.lgn) .hint,html body.sgx:not(.lgn) :is(#p1 .fld small,.rfd small,.rff2 small,.rti small,.rh small,.rc small,.item small,.fcc small){color:var(--sg-tx2)!important}
html body.sgx:not(.lgn) .chip,html body.sgx:not(.lgn) .rc .rt .ic,html body.sgx:not(.lgn) .rfd .ic{background:linear-gradient(180deg,#f4fbf9,#dcefea)!important;color:var(--sg-teal-x)!important;box-shadow:0 0 0 1px rgba(184,212,206,.9),inset 0 1px 0 #fff!important}
html body.sgx:not(.lgn) .bg{background:var(--sg-pink-d)!important;color:#7a3a30!important;box-shadow:0 0 0 1px rgba(255,255,255,.85),0 3px 6px -2px rgba(190,120,110,.5)!important}

/* ---------- تب‌ها = کنترل بخش‌بندی‌شده (Segmented) ---------- */
html body.sgx:not(.lgn) :is(.wab,.tabs,.lh,.lmh){background:var(--sg-blob),var(--sg-fill)!important;background-size:100% 100%!important;background-repeat:no-repeat!important;border-radius:999px!important;box-shadow:var(--sg-rim),var(--sg-bev),var(--sg-drop)!important;-webkit-backdrop-filter:var(--sg-bl)!important;backdrop-filter:var(--sg-bl)!important;color:var(--sg-tx)!important}
html body.sgx:not(.lgn) .lh{border-radius:30px!important}
html body.sgx:not(.lgn) .tabs{padding:6px!important;gap:4px!important}
html body.sgx:not(.lgn) .tabs button{color:var(--sg-tx)!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;font-weight:500!important;text-shadow:none!important;height:44px!important}
html body.sgx:not(.lgn) .tabs button.on{background:var(--sg-act)!important;background-size:100% 100%!important;color:#fff!important;font-weight:600!important;box-shadow:var(--sg-act-sh)!important;text-shadow:0 1px 2px rgba(40,90,82,.35)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body.sgx:not(.lgn) .tabs .tmore{background:linear-gradient(90deg,transparent,rgba(250,245,241,.95) 45%)!important;color:var(--sg-tx)!important}
html body.sgx:not(.lgn) :is(.seg button,.rdc button,.rff3 button,.rfs span){border:0!important;border-radius:999px!important;background:var(--sg-raise-bg)!important;color:var(--sg-tx)!important;box-shadow:var(--sg-raise)!important}
html body.sgx:not(.lgn) :is(.seg .on,.rff3 button.on,.rfs .cu){background:var(--sg-act)!important;color:#fff!important;box-shadow:var(--sg-act-sh)!important}
html body.sgx:not(.lgn) .rdc button.on.ok{background:linear-gradient(180deg,#e1f3ee,#c4e4dc)!important;color:#2f6a61!important}
html body.sgx:not(.lgn) .rdc button.on.no{background:linear-gradient(180deg,#fdeeea,#f6cfc7)!important;color:#9a4034!important}
html body.sgx:not(.lgn) .rfs .dn{background:linear-gradient(180deg,#e9f6f2,#cfe8e1)!important;color:#2f6a61!important}

/* ---------- ورودی‌ها: قرص فرورفته‌ی کرمی ---------- */
html body.sgx:not(.lgn) :is(input[type=text],input[type=password],input[type=date],input[type=tel],input[type=number],input:not([type]),select,.rfq,.rfsel input,#p1 .fld :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea)){background-color:transparent!important;background-image:linear-gradient(180deg,rgba(240,238,233,.92),rgba(251,249,245,.96))!important;border:0!important;border-radius:999px!important;min-height:48px!important;padding-inline:20px!important;color:var(--sg-tx)!important;text-shadow:none!important;box-shadow:var(--sg-pit)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body.sgx:not(.lgn) :is(textarea,#p1 .fld textarea){border-radius:26px!important;min-height:96px!important;padding-block:14px!important}
html body.sgx:not(.lgn) :is(input,textarea,select):focus,html body.sgx:not(.lgn) #p1 .fld :is(input,select,textarea):focus{outline:0!important;background-image:linear-gradient(180deg,#fff,#f8fbfa)!important;box-shadow:0 0 0 1px rgba(104,170,159,.85),inset 0 3px 6px -1px rgba(150,168,163,.22),inset 0 -2px 3px #fff,0 0 0 4px rgba(134,192,182,.32)!important}
html body.sgx:not(.lgn) :is(input,textarea)::placeholder{color:var(--sg-tx2)!important;-webkit-text-fill-color:var(--sg-tx2);opacity:.8!important}
html body.sgx:not(.lgn) :is(select,#p1 .fld select){background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%235fa196%27%20stroke-width%3D%272.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m6%209%206%206%206-6%27/%3E%3C/svg%3E"),linear-gradient(180deg,rgba(240,238,233,.92),rgba(251,249,245,.96))!important;background-repeat:no-repeat,no-repeat!important;background-position:16px 50%,0 0!important;background-size:15px,100% 100%!important}
html body.sgx:not(.lgn) #p1 .fld select option{color:var(--sg-tx);background:#fff}

/* ---------- دکمه‌ها ---------- */
html body.sgx:not(.lgn) :is(.btn,.pbt,.vph .vphb,.fkbt,.lh .pbt,#p1 .btn,.sub .btn){border-radius:999px!important;color:var(--sg-tx)!important;background:var(--sg-raise-bg)!important;background-size:100% 100%!important;box-shadow:var(--sg-raise)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;text-shadow:none!important;border:0!important}
html body.sgx:not(.lgn) :is(.btn,.pbt):active{transform:translateY(2px);box-shadow:0 0 0 1px rgba(196,218,213,.95),0 4px 8px -5px rgba(110,140,134,.5),inset 0 2px 5px rgba(150,168,163,.3)!important}
html body.sgx:not(.lgn) :is(#p1,.sub) .btn.g,html body.sgx:not(.lgn) .btn.g{color:#fff!important;background:var(--sg-act)!important;background-size:100% 100%!important;box-shadow:var(--sg-act-sh)!important;text-shadow:0 1px 2px rgba(40,90,82,.4)!important}
html body.sgx:not(.lgn) .btn.o{background:transparent!important;box-shadow:0 0 0 1.5px var(--sg-teal),inset 0 0 0 1.5px rgba(255,255,255,.8)!important;color:var(--sg-teal-x)!important}
html body.sgx:not(.lgn) .btn:disabled{opacity:.55}

/* ---------- کلید (Switch): قرص کرمی با دکمه‌ی سفید ---------- */
html body.sgx:not(.lgn) :is(#p1,#p4,#p5,.fov,.rfm,.sub) .mk input[type=checkbox],html body.sgx:not(.lgn) input[type=checkbox]{background:linear-gradient(180deg,#e8e6e0,#f6f4ef)!important;box-shadow:0 0 0 1px rgba(196,218,213,.95),inset 0 3px 5px -1px rgba(150,168,163,.4),inset 0 -2px 3px rgba(255,255,255,.95)!important}
html body.sgx:not(.lgn) :is(#p1,#p4,#p5,.fov,.rfm,.sub) .mk input[type=checkbox]::before,html body.sgx:not(.lgn) input[type=checkbox]::before{background:linear-gradient(180deg,#fff,#efede8)!important;box-shadow:0 4px 8px -1px rgba(100,120,116,.45),0 0 0 1px rgba(196,218,213,.7),inset 0 1px 0 #fff!important}
html body.sgx:not(.lgn) :is(#p1,#p4,#p5,.fov,.rfm,.sub) .mk input[type=checkbox]:checked,html body.sgx:not(.lgn) input[type=checkbox]:checked{background:var(--sg-act)!important;box-shadow:0 0 0 1px rgba(104,170,159,.7),inset 0 3px 6px rgba(50,110,100,.35),inset 0 -2px 3px rgba(255,255,255,.35),0 9px 13px -8px rgba(70,134,124,.6)!important}
html body.sgx:not(.lgn) :is(#p1,#p4,#p5,.fov,.rfm,.sub) .mk input[type=checkbox]:checked::before,html body.sgx:not(.lgn) input[type=checkbox]:checked::before{background:linear-gradient(180deg,#fff,#f3f1ec)!important;box-shadow:0 4px 9px -1px rgba(40,100,90,.5),inset 0 1px 0 #fff!important}
html body.sgx:not(.lgn) .mk,html body.sgx:not(.lgn) .mk span{color:var(--sg-tx)!important}
html body.sgx:not(.lgn) .sz{border-bottom-color:rgba(184,212,206,.55)!important}
html body.sgx:not(.lgn) .sz.on,html body.sgx:not(.lgn) :is(#p1,#p4,#p5,.fov,.rfm,.sub) .sz.on{background:linear-gradient(150deg,rgba(190,228,219,.55),rgba(255,255,255,.35))!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.9),0 0 0 1px rgba(184,212,206,.8)!important;border-radius:18px!important}

/* ---------- اسلایدر (range) ---------- */
body.sgx input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:14px;border-radius:999px;background:linear-gradient(180deg,#dfe8e3,#eef3f0);box-shadow:inset 0 2px 4px rgba(150,168,163,.45),inset 0 -1px 1px #fff,0 0 0 1px rgba(196,218,213,.9);border:0;padding:0;outline:0}
body.sgx input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:linear-gradient(180deg,#fff,#eeece6);box-shadow:0 6px 10px -3px rgba(100,120,116,.5),0 0 0 1px rgba(196,218,213,.9),inset 0 2px 0 #fff;cursor:pointer}
body.sgx input[type=range]::-moz-range-thumb{width:30px;height:30px;border:0;border-radius:50%;background:linear-gradient(180deg,#fff,#eeece6);box-shadow:0 6px 10px -3px rgba(100,120,116,.5),0 0 0 1px rgba(196,218,213,.9);cursor:pointer}

/* ---------- نوار پایین، مودال، اعلان ---------- */
html body.sgx:not(.lgn) .sub#sub,html body.sgx:not(.lgn) .sub{background:var(--sg-blob),linear-gradient(180deg,rgba(255,255,255,.82),rgba(250,245,241,.6))!important;background-size:100% 100%!important;background-repeat:no-repeat!important;border-radius:32px 32px 0 0!important;box-shadow:0 0 0 1px rgba(184,212,206,.95),inset 0 0 0 1.5px rgba(255,255,255,.96),inset 0 12px 16px -10px #fff,0 -18px 30px -18px rgba(104,138,132,.45)!important;-webkit-backdrop-filter:blur(18px) saturate(115%)!important;backdrop-filter:blur(18px) saturate(115%)!important}
html body.sgx:not(.lgn) .rfm{background:var(--sg-blob),linear-gradient(150deg,rgba(255,255,255,.9),rgba(250,245,241,.72))!important;background-size:100% 100%!important;background-repeat:no-repeat!important;border-radius:34px!important;box-shadow:var(--sg-rim),var(--sg-bev),var(--sg-drop)!important;-webkit-backdrop-filter:blur(22px) saturate(115%)!important;backdrop-filter:blur(22px) saturate(115%)!important}
html body.sgx:not(.lgn) .rfo{background:rgba(70,90,88,.28)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
html body.sgx #toast{background:var(--sg-fill),rgba(255,255,255,.6)!important;color:var(--sg-tx)!important;border-radius:999px!important;padding:12px 28px!important;box-shadow:0 0 0 1px rgba(184,212,206,.95),inset 0 0 0 1.5px rgba(255,255,255,.96),inset 0 0 0 3.5px rgba(134,192,182,.55),0 20px 28px -16px rgba(104,138,132,.5)!important;-webkit-backdrop-filter:var(--sg-bl);backdrop-filter:var(--sg-bl)}

/* ---------- صفحه‌ی ورود: همان زبان طراحی ---------- */
html body.sgx.lgn{background:var(--sg-bg)!important;color:var(--sg-tx)!important}
html body.sgx.lgn:before{background:radial-gradient(60% 40% at 18% 0%,rgba(202,227,221,.75),transparent 70%),radial-gradient(60% 45% at 92% 100%,rgba(248,223,216,.85),transparent 72%),linear-gradient(180deg,#faf5f1,#f3efea)!important}
html body.sgx.lgn .lgo:before,html body.sgx.lgn .lgo .gl,html body.sgx.lgn .nb{display:none!important}

html body.sgx.lgn .login{background:var(--sg-blob),var(--sg-fill)!important;background-size:100% 100%!important;background-repeat:no-repeat!important;border-radius:36px!important;padding:32px 26px!important;box-shadow:var(--sg-rim),var(--sg-bev),var(--sg-drop)!important;-webkit-backdrop-filter:var(--sg-bl);backdrop-filter:var(--sg-bl)}
html body.sgx.lgn .login:after{display:none}
html body.sgx.lgn .login h1{background:none!important;-webkit-text-fill-color:var(--sg-tx)!important;color:var(--sg-tx)!important;font-weight:600}
html body.sgx.lgn .login .sb,html body.sgx.lgn .login .hint{color:var(--sg-tx2)!important}
html body.sgx.lgn .login .hint:hover{color:var(--sg-teal-x)!important}
html body.sgx.lgn .login input{background:linear-gradient(180deg,rgba(240,238,233,.92),rgba(251,249,245,.96))!important;border:0!important;border-radius:999px!important;min-height:50px;padding-inline:20px!important;color:var(--sg-tx)!important;box-shadow:var(--sg-pit)!important}
html body.sgx.lgn .login input::placeholder{color:var(--sg-tx2)}
html body.sgx.lgn .login input:focus{box-shadow:0 0 0 1px rgba(104,170,159,.85),inset 0 3px 6px -1px rgba(150,168,163,.22),0 0 0 4px rgba(134,192,182,.32)!important}
html body.sgx.lgn .login .btn{border-radius:999px!important;border:0}
html body.sgx.lgn .login .btn.g{background:var(--sg-act)!important;color:#fff!important;box-shadow:var(--sg-act-sh)!important;text-shadow:0 1px 2px rgba(40,90,82,.4)}
html body.sgx.lgn .login .er{background:var(--sg-pink-l)!important;color:#9a4034!important;border-radius:999px!important;box-shadow:0 0 0 1px rgba(240,198,189,.9)}

/* ==========================================================================
   v130 — ورود: نئون باریک رنگی + موشن لوگو | فلوچارت: هدر باریک | GPS | متن تاریخ
   ========================================================================== */
@property --nb{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes sgnb{to{--nb:360deg}}
@keyframes sgnbh{to{filter:drop-shadow(0 0 4px rgba(120,210,255,.9)) drop-shadow(0 0 12px rgba(255,120,200,.6)) hue-rotate(360deg)}}
@keyframes sglf{0%,100%{transform:translateY(0) scale(1) rotate(0)}30%{transform:translateY(-7px) scale(1.035) rotate(-1.2deg)}65%{transform:translateY(3px) scale(1.01) rotate(.8deg)}}
@keyframes sgsh{0%{background-position:160% 0}60%,100%{background-position:-60% 0}}
html body.sgx.lgn .login{position:relative;isolation:isolate}
html body.sgx.lgn .login:after{display:block!important;content:"";position:absolute;inset:-2px;border-radius:38px;padding:2.5px;pointer-events:none;z-index:3;
 background:conic-gradient(from var(--nb),#ff4fa3,#ffb34f,#fff06a,#4dffb0,#4fd0ff,#8a6bff,#ff4fa3);
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask-composite:exclude;
 filter:drop-shadow(0 0 3px rgba(120,210,255,.85)) drop-shadow(0 0 10px rgba(255,120,200,.55));animation:sgnb 4.5s linear infinite}
html body.sgx.lgn .lgo img{animation:sglf 6s ease-in-out infinite;transform-origin:50% 60%}
html body.sgx.lgn .lgo:before{display:block!important;z-index:2;pointer-events:none;
 background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.9) 50%,transparent 62%)!important;background-size:260% 100%;filter:none!important;animation:sgsh 3.6s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){html body.sgx.lgn .login:after,html body.sgx.lgn .lgo img,html body.sgx.lgn .lgo:before{animation:none}}

/* فلوچارت: کارت هدر کم‌حجم داخل خود فلوچارت */
html body.sgx .fk>.fth{position:absolute;top:56px;left:10px;right:70px;margin:0;padding:8px 12px 9px;border-radius:16px;z-index:4;pointer-events:none;box-shadow:0 8px 16px -10px rgba(30,90,110,.55),inset 0 0 0 1px rgba(255,255,255,.35)}
html body.sgx .fk>.fth h2{font-size:14px;line-height:1.45}
html body.sgx .fk>.fth h2 span{margin-left:5px}
html body.sgx .fk>.fth p{font-size:10.5px;line-height:1.5;margin:1px 0 0;opacity:.95}
html body.sgx .fk>.fth .fst{margin-top:5px;gap:4px}
html body.sgx .fk>.fth .fst span{font-size:10px;padding:1px 8px;border-radius:8px}

/* GPS: آیکن نمایش موقعیت در نمای فقط‌خواندنی */
.gpsv{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}
.gpsv a{direction:ltr;flex:1;text-align:right}
.gpsb{flex:none;width:40px;height:40px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--sg-teal-x,#3f8478);background:linear-gradient(180deg,#fcfaf7,#eeece6);box-shadow:0 0 0 1px rgba(196,218,213,.95),0 8px 12px -8px rgba(110,140,134,.55),inset 0 2px 0 #fff}
.gpsb:active{transform:translateY(1px)}

/* تاریخ و ساعت فرم کارشناس: متن واضح (حذف سفیدِ محو قبلی) */
html body.sgx:not(.lgn) :is(#p1 .fld,#p1 .fld>label,#p1 .fld .dt,#p1 .fld .u span,#p1 .fld .mk,#p1 .fld .mk span){text-shadow:none!important}
html body.sgx:not(.lgn) #p1 .fld .dt{color:var(--sg-tx)!important;opacity:1!important;font-weight:500;font-size:14.5px}
html body.sgx:not(.lgn) #p1 .fld .dt b{color:var(--sg-teal-x)!important;font-weight:700;text-shadow:none!important}
html body.sgx:not(.lgn) #p1 .fld .dt .hint{color:var(--sg-tx2)!important;opacity:1!important}
html body.sgx:not(.lgn) #p1 .fld .u span{color:var(--sg-tx)!important}

/* v131: انتخاب شخص برای ارجاع در زمان معین */
.rmd .rmp{display:grid;gap:6px;margin-top:4px}.rmd .rmp label{font-weight:600;font-size:13px;color:var(--sg-tx)}.rmd .rmp small{line-height:1.7}

/* v132: برچسب ابطال در بایگانی */
html body.sgx .chip.vd{background:linear-gradient(180deg,#fdeeea,#f6cfc7)!important;color:#9a4034!important;box-shadow:0 0 0 1px rgba(240,198,189,.95),inset 0 1px 0 #fff!important}

/* ==========================================================================
   v133 — نئون یک‌سوم محیط با تغییر رنگ، موشن بیشتر لوگو، تب پیام‌ها
   ========================================================================== */
@keyframes sgnh{from{filter:drop-shadow(0 0 3px rgba(120,210,255,.9)) drop-shadow(0 0 10px rgba(255,120,200,.6)) hue-rotate(0deg)}to{filter:drop-shadow(0 0 3px rgba(120,210,255,.9)) drop-shadow(0 0 10px rgba(255,120,200,.6)) hue-rotate(360deg)}}
html body.sgx.lgn .login:after{inset:-2px;padding:2.5px;
 background:conic-gradient(from var(--nb),rgba(255,79,163,0) 0deg,#ff4fa3 28deg,#ffb34f 56deg,#fff06a 82deg,#4dffb0 102deg,#4fd0ff 118deg,rgba(79,208,255,0) 121deg,rgba(79,208,255,0) 360deg)!important;
 animation:sgnb 3.6s linear infinite,sgnh 5s linear infinite!important}
@keyframes sgl3{0%,100%{transform:perspective(700px) translateY(0) rotateY(0) rotateX(0) scale(1)}20%{transform:perspective(700px) translateY(-9px) rotateY(14deg) rotateX(4deg) scale(1.05)}50%{transform:perspective(700px) translateY(2px) rotateY(0) rotateX(-3deg) scale(1.02)}75%{transform:perspective(700px) translateY(-6px) rotateY(-14deg) rotateX(3deg) scale(1.05)}}
@keyframes sglg{0%,100%{filter:drop-shadow(0 4px 6px rgba(5,85,79,.25))}50%{filter:drop-shadow(0 0 14px rgba(79,208,255,.8)) drop-shadow(0 6px 14px rgba(255,120,200,.45))}}
html body.sgx.lgn .lgo img{animation:sgl3 5.5s ease-in-out infinite,sglg 3.2s ease-in-out infinite!important;transform-origin:50% 55%}
html body.sgx.lgn .lgo:before{animation-duration:2.4s}
@media(prefers-reduced-motion:reduce){html body.sgx.lgn .login:after,html body.sgx.lgn .lgo img{animation:none!important}}

/* تب پیام‌ها */
#mbd[hidden]{display:none!important}
#p7:not([hidden]){display:grid;gap:12px;padding-bottom:32px}
html body.sgx .mcp,html body.sgx .msg{background:var(--sg-blob),var(--sg-fill)!important;background-size:100% 100%!important;background-repeat:no-repeat!important;border-radius:28px;box-shadow:var(--sg-rim),var(--sg-bev),var(--sg-drop);-webkit-backdrop-filter:var(--sg-bl);backdrop-filter:var(--sg-bl);color:var(--sg-tx)}
.mcp{padding:16px;display:grid;gap:10px}.mcp .mt,.mt2{font-weight:600;font-size:15px;color:var(--sg-tx)}.mt2{margin-top:6px}
.mcp .mrow{display:flex;gap:8px}.mcp .mrow .btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 8px;font-size:13px}
.mpv{display:flex;flex-wrap:wrap;gap:8px}.mpv .th{position:relative;width:68px;height:68px;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px rgba(196,218,213,.95),0 6px 10px -6px rgba(100,130,126,.5)}
.mpv .th img{width:100%;height:100%;object-fit:cover}
.mpv button{position:absolute;top:3px;left:3px;width:22px;height:22px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:#9a4034;font-size:15px;line-height:1;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2)}
.mpv .lcc{position:relative;display:inline-flex;align-items:center;gap:6px;padding:10px 34px 10px 14px;border-radius:999px;background:linear-gradient(180deg,#e9f6f2,#cfe8e1);color:#2f6a61;box-shadow:0 0 0 1px rgba(184,212,206,.9)}
.mpv .lcc button{top:50%;transform:translateY(-50%);left:auto;right:6px}
.mfl{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mfl input{grid-column:1/-1}
.mls{display:grid;gap:12px}
.msg{padding:14px 16px;display:grid;gap:10px}.msg.mine{box-shadow:var(--sg-rim),var(--sg-bev),var(--sg-drop),inset -4px 0 0 var(--sg-teal)}
.msg.un{box-shadow:var(--sg-rim),var(--sg-bev),var(--sg-drop),0 0 0 4px rgba(134,192,182,.35)}
.msg .mh{display:flex;align-items:center;gap:10px}.msg .mh .tx{display:grid;gap:2px}.msg .mh small{color:var(--sg-tx2)}
.msg .mav{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;background:var(--sg-act);box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(184,212,206,.95)}
.msg .mtx{white-space:pre-wrap;line-height:1.95;word-break:break-word}
.msg .mim{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}.msg .mim img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:16px;box-shadow:0 0 0 1px rgba(196,218,213,.95)}
.msg .mft{display:flex;gap:8px;flex-wrap:wrap}.msg .mft .btn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;font-size:13px}

/* v134: ویس در پیام‌ها */
.mcp .mrow{flex-wrap:wrap}.mcp .mrow .btn{min-width:calc(50% - 4px)}
.mvb{display:grid;gap:8px}.mvb[hidden]{display:none}.mvb audio{width:100%}