@font-face{font-family:Sahel;src:url(fonts/sahel.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--bg1:#e1eafa;--bg2:#f2f6ff;--sf:rgba(255,255,255,.55);--sf2:#fff;--tx:#1b1f3a;--mu:#5f6488;--bd:#c3d1ee;--bd2:#dce5f6;--ac:#0e4aa8;--ac2:#e4eefc;--ln:#cfdaf1;--wa:#a87a0a;--er:#a82a22;--ok:#2e6b3a;--sh:0 8px 18px rgba(14,74,168,.28);--card:var(--sf);--card-solid:var(--sf2);--mut:var(--mu);--chip:var(--ac2);--ring:var(--bd);--on-ac:#fff;--bad:var(--er);--warn:var(--wa);--glow:var(--sh)}
[data-theme=dark]{--bg1:#12152a;--bg2:#1a1e3a;--sf:rgba(32,38,72,.7);--sf2:#1e2344;--tx:#e8ebff;--mu:#9ca3d2;--bd:#3f4a96;--bd2:#343c78;--ac:#4a90f5;--ac2:#1b2b57;--ln:#3b4488;--wa:#e6c05a;--er:#f2837d;--ok:#7bc67e;--sh:0 6px 16px rgba(0,0,0,.4)}
*{box-sizing:border-box}
#netb{display:none;position:fixed;top:calc(env(safe-area-inset-top,0px) + 6px);left:50%;transform:translateX(-50%);z-index:99999;max-width:92vw;padding:5px 14px;border-radius:20px;font:600 12px/1.7 Sahel,Tahoma,sans-serif;color:#fff;text-align:center;box-shadow:0 4px 14px rgba(0,0,0,.28);cursor:pointer}
#netb.off{display:block;background:#a82a22}#netb.sync{display:block;background:#a87a0a}#netb.ok{display:block;background:#2e6b3a}
#netb:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:#fff;margin-left:7px;vertical-align:middle}
#netb.sync:before{animation:netp 1s infinite}@keyframes netp{50%{opacity:.25}}
body{margin:0;min-height:100vh;background:linear-gradient(160deg,var(--bg1),var(--bg2)) fixed;color:var(--tx);font:15px/1.7 Sahel,Tahoma,sans-serif}
.wrap{max-width:1320px;margin:0 auto;padding:16px}
#otop{background:var(--sf2);border-radius:30px;padding:14px 24px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;box-shadow:0 2px 12px rgba(69,96,220,.08)}
.brand{display:flex;align-items:center;gap:12px}.brand h1{margin:0;font-size:20px;font-weight:800;line-height:1.4}.logo{width:48px;height:48px;flex:none}.lgs{display:flex;gap:8px;align-items:center;flex:none}.lgp{background:#fff;border-radius:10px;padding:4px 8px;display:inline-flex;align-items:center;box-shadow:0 1px 3px rgba(0,0,0,.15)}.lgp img{height:34px;width:auto;display:block}
.who{font-size:13px;color:var(--mu)}.osp{flex:1}
.hb{position:relative;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border:1.5px solid var(--bd2);background:var(--sf2);color:var(--tx);border-radius:999px;font:inherit;cursor:pointer}
.hb.sq{width:44px;padding:0;justify-content:center}span.hb{cursor:default}input,select,textarea{font-size:16px!important}html,body{touch-action:manipulation;-webkit-text-size-adjust:100%}button.hb.hbo{height:34px;padding:0 12px;font-size:13px}
.hbc .cnt{position:absolute;top:-6px;inset-inline-start:-6px;margin:0}
.badge{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border:1.5px solid var(--wa);color:var(--wa);border-radius:999px;font-size:14px;font-weight:600}
.oic{width:20px;height:20px;flex:none}.omb{display:none}
#owrap{display:grid;grid-template-columns:290px minmax(0,1fr);gap:18px;align-items:start}
#owrap.solo{grid-template-columns:1fr}.solo #oside{display:none}
#oside{background:var(--sf2);border-radius:28px;padding:14px 16px;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto;scrollbar-width:thin}
.omain,#oapp{min-width:0}
#ovl{display:none}
.opt{margin:6px 4px 2px;font-size:24px;font-weight:800}.osb{margin:0 4px 14px;color:var(--mu);font-size:14px}
.cflow{display:flex;align-items:flex-start;overflow-x:auto;padding:14px 8px 6px;direction:rtl}
.ccol{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:120px;text-align:center}
.cc{width:58px;height:58px;border-radius:50%;border:0;background:#16a34a;color:#fff;font-size:18px;font-weight:bold;cursor:pointer;box-shadow:0 0 0 6px rgba(22,163,74,.15)}
.cc{display:flex;align-items:center;justify-content:center;padding:0;line-height:1;min-height:0}
.cc.core{background:#9ca3af;box-shadow:0 0 0 6px rgba(156,163,175,.2)}
.cc.on{box-shadow:0 0 0 4px var(--sf),0 0 0 7px var(--ac)}
.cl{font-size:13px;line-height:1.6}
.cl small{display:block;color:var(--mu);font-size:11px}
.cstack{display:flex;flex-direction:column;gap:14px;align-items:center;padding:6px 10px;border-inline:2px dashed var(--bd2);border-radius:20px}
.cconn{display:flex;align-items:center;align-self:flex-start;height:58px;min-width:44px;flex:1 0 auto}
.cline{flex:1;height:4px;background:#16a34a;border-radius:2px;min-width:12px}
.cplus-s{flex:none;width:26px;height:26px;border-radius:50%;border:2px solid var(--ac);background:var(--sf);color:var(--ac);font-size:16px;line-height:1;padding:0;cursor:pointer}
.cpanel{margin-top:14px;padding:14px;border:1.5px solid var(--bd2);border-radius:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 14px}
.cpanel label{display:flex;flex-direction:column;gap:4px;font-size:13px}
.cpanel input,.cpanel select{width:100%}
.oc input[type=checkbox]{width:auto;min-width:0;height:auto;padding:0;margin:0 0 0 6px;flex:none;box-shadow:none;accent-color:var(--ac)}
.oc{background:var(--sf2);border:1px solid var(--bd2);border-radius:28px;box-shadow:0 4px 14px rgba(69,70,140,.06);padding:18px 22px;margin-bottom:14px}
.oc h3{margin:0 0 8px;font-size:17px;font-weight:800}
.orow{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-top:10px}
.orow label,.olbl{display:flex;flex-direction:column;font-size:12px;color:var(--mu);gap:3px}

input#sq {
    background-color: white!important;
    box-shadow: none!important;
}

[hidden]{display:none!important}
input,select,textarea{padding:9px 14px;border:1.5px solid var(--bd2);border-radius:16px;background:var(--sf2);color:var(--tx);font:inherit;min-width:0}
textarea{width:100%;min-height:110px;resize:vertical}
input[type=checkbox]{padding:0;width:auto;min-width:0}
input:focus,select:focus,textarea:focus{outline:2px solid var(--ac);outline-offset:1px}
button{font:inherit;cursor:pointer;padding:8px 18px;border:1.5px solid var(--bd);background:var(--sf2);color:var(--tx);border-radius:999px}
button.p{background:var(--ac);color:#fff;border-color:var(--ac);box-shadow:var(--sh)}
#lgbox .orow>button.p{width:100%;min-height:51px;border-radius:17px;font-size:16px}
label.fl{position:relative;display:block;gap:0}
label.fl input{width:100%;box-sizing:border-box;padding:22px 16px 8px;height:54px}
label.fl span{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--mu);font-weight:500;font-size:15px;transition:top .15s,font-size .15s,transform .15s,color .15s}
label.fl input:focus+span,label.fl input:not(:placeholder-shown)+span{top:9px;transform:none;font-size:11px;color:var(--ac)}
a.p{display:inline-block;background:var(--ac);color:#fff;border:1.5px solid var(--ac);border-radius:999px;padding:8px 22px;text-decoration:none;font-weight:bold;box-shadow:0 6px 16px rgba(14,74,168,.35)}
.oc a:not(.p){color:var(--ac);text-decoration:none;font-weight:600}.oc a:not(.p):hover{text-decoration:underline}
button.dg{border-color:var(--er);color:var(--er);background:transparent}
button:disabled{opacity:.5;cursor:not-allowed}
button.hb,button.ogi,button.osi{padding:0 20px}
.otbl{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:13px}
th,td{padding:8px 10px;border-bottom:1px solid var(--bd2);text-align:right;white-space:nowrap}th{color:var(--mu);font-weight:normal}
.ost{display:flex;gap:4px;margin:10px 0}
.ost i{flex:1;font-style:normal;font-size:11px;text-align:center;padding:5px 2px;border-radius:999px;color:var(--mu);border:1.5px solid var(--bd2)}
.ost i.dn{background:var(--ac2);color:var(--ac);border-color:var(--ac)}.ost i.cu{background:var(--ac);color:#fff;border-color:var(--ac)}
.otag{display:inline-block;padding:1px 10px;border-radius:999px;font-size:12px;background:var(--ac2);color:var(--ac)}
.otag.w{background:transparent;border:1px solid var(--wa);color:var(--wa)}.otag.u{background:var(--er);color:#fff}
.bad{color:var(--er)}.ok{color:var(--ok)}.mu{color:var(--mu);font-size:13px}
details{margin-top:6px;font-size:13px;color:var(--mu)}
.oempty{padding:26px;text-align:center;color:var(--mu)}
.okp{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:14px}
.okp div{background:var(--sf);border:1.5px solid var(--bd);border-radius:26px;padding:16px 20px;color:var(--mu)}
.okp b{display:block;font-size:26px;color:var(--tx);margin-top:2px}
.old summary{cursor:pointer;font-weight:700;font-size:15px;color:var(--tx)}.olb{white-space:pre-wrap;margin:10px 0;line-height:1.9;color:var(--tx)}.olf{margin-top:8px}
.onote{display:flex;gap:10px;align-items:flex-start;padding:12px 16px;margin-bottom:8px;border:1.5px solid var(--bd2);border-radius:20px;background:var(--sf);cursor:pointer}
.onote.u{border-color:var(--ac);background:var(--ac2)}
.onote i{width:10px;height:10px;border-radius:50%;background:var(--ac);flex:none;margin-top:9px;visibility:hidden}.onote.u i{visibility:visible}.onote .tx{flex:1;white-space:pre-wrap}
.ocnt,.cnt{display:inline-block;min-width:22px;padding:0 7px;margin-inline-start:auto;border-radius:999px;background:var(--er);color:#fff;font-size:12px;text-align:center;line-height:20px}
.on>.ocnt{background:#fff;color:var(--ac)}
.osr{display:flex;align-items:center;gap:12px;padding:8px 14px;margin-bottom:10px;color:var(--mu)}
.osr input{flex:1;border:0;background:transparent;outline:0;padding:0;box-shadow:none}
.ogi{display:flex;align-items:center;gap:12px;width:100%;padding:12px 18px;margin-bottom:12px;border:1.5px solid var(--bd2);background:transparent;color:var(--tx);border-radius:30px;font-weight:700;font-size:16px;text-align:right}
.ogi .oic{width:24px;height:24px}.ogi .car{width:14px;height:14px;margin-inline-start:auto;transition:transform .2s}
.ogi.open{background:var(--ac2)}.ogi.open .car{transform:rotate(180deg)}
.osub{border-right:2px solid var(--ln);padding-right:14px;margin:-4px 0 12px}
.osi{display:flex;align-items:center;gap:12px;width:100%;padding:12px 18px;margin-bottom:6px;border:0;background:transparent;color:var(--tx);border-radius:30px;text-align:right}
.ogi.on,.osi.on{background:var(--ac);border-color:var(--ac);color:#fff;box-shadow:var(--sh)}.osi.on{font-weight:700}
.osh{margin:18px 0 8px;font-size:15px}
.ofl{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ofi{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--bd);border-radius:10px;padding:2px 8px}
.otl{display:flex;gap:10px;padding:6px 0;border-bottom:1px dashed var(--bd)}.otl>i{flex:none;width:9px;height:9px;border-radius:50%;background:var(--ac);margin-top:8px}
body.ro .wr{display:none!important}
.x-xls{padding:2px 12px;font-size:12px}
#otoast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#101828;color:#fff;padding:9px 18px;border-radius:18px;font-size:13px;z-index:99;opacity:0;pointer-events:none;transition:opacity .25s;max-width:92vw}
#otoast.on{opacity:1}#otoast.er{background:var(--er)}
@media(max-width:900px){#oside{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}body.nolock{overflow:hidden;position:fixed;width:100%}#owrap{grid-template-columns:1fr}.omb{display:inline-flex}.badge{display:none}.brand h1{font-size:17px}
#oside{position:fixed;top:0;right:0;bottom:0;width:min(86vw,320px);max-height:none;border-radius:28px 0 0 28px;z-index:50;transform:translateX(105%);transition:transform .25s;box-shadow:-8px 0 30px rgba(0,0,0,.25)}
#oside.show{transform:none}#ovl.show{display:block;position:fixed;inset:0;background:rgba(10,12,30,.45);z-index:40}}
#qnav{display:none}
#qsh{display:none;position:fixed;inset:0;background:rgba(10,12,30,.45);z-index:70;align-items:flex-end;justify-content:center}#qsh.show{display:flex}.qsb{background:var(--sf2);width:100%;max-width:520px;max-height:85vh;border-radius:24px 24px 0 0;padding:16px;display:flex;flex-direction:column;gap:8px}.qsb>h3{margin:4px 0}#qshl{display:flex;flex-direction:column;gap:4px;overflow:auto;max-height:50vh}.qrow{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;cursor:pointer}.qrow .oic{width:20px;height:20px}#qnav{direction:rtl}.qnum{min-width:20px;text-align:center;font-size:13px}.qt{flex:1}.qmv{padding:4px 8px;border-radius:10px;font:inherit;font-size:12px;border:1px solid var(--bd2);background:var(--sf2);color:var(--tx);cursor:pointer}.qmv:disabled{opacity:.35;cursor:default}#qnav button{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}
#cdm{display:none;position:fixed;inset:0;background:rgba(10,12,30,.45);z-index:60;align-items:flex-end;justify-content:center}#cdm.show{display:flex}.cdb{background:var(--sf2);width:100%;max-width:520px;border-radius:24px 24px 0 0;padding:16px;display:flex;flex-direction:column;gap:8px}.cdb>h3{margin:4px 0 8px}#cdl{display:flex;flex-direction:column;gap:8px}#cdl button{display:flex;align-items:center;gap:10px;padding:14px;border-radius:16px;border:1px solid var(--bd2);background:var(--sf2);color:var(--tx);font:inherit;cursor:pointer}#cdl .oic{width:20px;height:20px}
@media(max-width:900px){
 #qnav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--sf2);justify-content:space-around;align-items:stretch;gap:4px;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));border-radius:22px 22px 0 0;box-shadow:0 -6px 22px rgba(69,70,140,.14)}
 #qnav button{flex:1;min-width:0;background:none;border:0;font:inherit;font-size:11px;color:var(--mu);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 2px;border-radius:14px;cursor:pointer}
 #qnav button.on{color:var(--ac);background:var(--ac2)}
 #qnav .oic{width:22px;height:22px}
 #qnav span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
 #owrap{padding-bottom:88px}
}
.pchain{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px}.pchain>*{flex:none}
@media(max-width:600px){
 #owrap{gap:12px}
 #otop{padding:10px 12px;gap:8px;border-radius:24px;margin-bottom:10px}
 #otop .brand{display:contents}
 #otop .omb{order:99}
 #otop .brand h1{font-size:16px;flex:1}
 #otop span.hb{display:none}
 #otop .who{font-size:12px}
 #otop .hb{height:40px}
 #otop .hb.sq{width:40px}
#otop button.hb.hbo{height:32px;padding:0 12px;font-size:12px}
 .oc{padding:14px;border-radius:22px;margin-bottom:12px}
 .opt{font-size:20px;margin:4px 2px}
 .osb{font-size:13px}
 .osp{display:none}
 .oc h3{font-size:16px}
 .otbl{overflow-x:auto}
}
/* بدون border و با سایه */
button,input,select,textarea,.oc,.ogi,.osi,.hb,.badge,.ofi,.onote,.okp div,#oside,#otop,.osr,#otoast{border:0!important}
.oc,.okp div,.onote,#oside,#otop{box-shadow:0 8px 22px rgba(69,70,140,.10)!important}
button{box-shadow:0 4px 12px rgba(69,70,140,.12)}
button.p{box-shadow:0 6px 16px rgba(14,74,168,.35)}
button.dg{box-shadow:0 4px 12px rgba(168,40,34,.14)}
input,select,textarea{box-shadow:inset 0 2px 5px rgba(69,70,140,.10)}
.ogi{box-shadow:0 3px 10px rgba(69,70,140,.08)}
.osi{box-shadow:none}
.ogi.on,.osi.on{box-shadow:0 6px 16px rgba(14,74,168,.30)}
.osr{box-shadow:inset 0 2px 5px rgba(69,70,140,.10);border-radius:999px}
[data-theme=dark] .oc,[data-theme=dark] #oside,[data-theme=dark] #otop{box-shadow:0 8px 22px rgba(0,0,0,.35)!important}
#otop.plain,[data-theme=dark] #otop.plain{background:transparent!important;box-shadow:none!important}
/* سایدبار مثل منوی فروشگاه */
#oside{padding:18px 16px}
.osr{background:#f3f4f8;padding:14px 22px;border-radius:999px;margin:0 0 14px}
.ogi{background:#f3f4f8;padding:16px 22px;font-size:16px;font-weight:700;margin:0 0 12px;color:var(--tx);box-shadow:none}
.ogi.open{background:#f3f4f8}
.ogi .oic{width:24px;height:24px}
.ogi .car{width:16px;height:16px}
.osub{border-right:0;padding-right:0;margin:0 0 12px;display:flex;flex-direction:column;gap:2px}
.osi{padding:14px 22px;font-size:15px;font-weight:600;margin:0 0 8px;color:var(--tx);background:#f3f4f8;border-radius:999px;box-shadow:none}
.osi .oic{width:20px;height:20px}
.ogi.on,.osi.on{background:var(--ac);color:#fff}
/* سایدبار دقیقاً مثل منوی فروشگاه */
#oside{background:#f4f4f6!important;border-radius:36px;padding:22px 18px;box-shadow:0 14px 40px rgba(20,20,60,.16)!important}
.osr{background:#e9ebf3!important;height:58px;padding:0 26px;border-radius:999px;margin:0 0 18px;box-shadow:none!important;color:#7d8196}
button.ogi,button.osi{display:flex;align-items:center;gap:14px;width:100%;height:62px;padding:0 26px!important;margin:0 0 14px!important;background:#ffffff!important;color:#1e2140!important;border:2px solid transparent!important;border-radius:999px!important;font-size:19px!important;font-weight:800!important;box-shadow:0 8px 18px rgba(30,30,60,.08)!important}
button.ogi .oic,button.osi .oic{width:26px!important;height:26px!important}
button.ogi .car{width:16px!important;height:16px!important;margin-inline-start:auto}
button.ogi.open{background:#ffffff!important}
button.ogi.on,button.osi.on{background:#eef0fc!important;border:2px solid #9aa0e6!important;color:#1e2140!important;box-shadow:none!important}
.osub{margin:-4px 0 14px;padding:0;border:0}
button.osi{height:54px;font-size:17px!important;font-weight:700!important;margin:0 18px 10px 0!important;padding:0 24px!important}
button.osi .oic{width:22px!important;height:22px!important}
[data-theme=dark] #oside{background:#1b1d2b!important}
[data-theme=dark] .osr{background:#262a3d!important;color:#9aa0b8}
[data-theme=dark] button.ogi,[data-theme=dark] button.osi{background:#262a3d!important;color:#e8e9f5!important}
[data-theme=dark] button.ogi.on,[data-theme=dark] button.osi.on{background:#2d3252!important;border-color:#7f86e0!important;color:#fff!important}
/* زیرمنوها آبی‌رنگ مثل تم سایت */ button.osi:not(.on){background:#d9dffb!important;box-shadow:none!important} button.osi:not(.on):hover{background:#c9d1f7!important} [data-theme=dark] button.osi:not(.on){background:#2f376b!important;color:#e8e9f5!important} [data-theme=dark] button.osi:not(.on):hover{background:#3a447f!important} /* چرخش نرم حلقه‌ی مرحله‌ی در جریان */
.pring{position:absolute;inset:-7px;border-radius:50%;border:2.5px solid transparent;border-top-color:#f5b400;border-left-color:rgba(245,180,0,.35);pointer-events:none;animation:pspin 3.2s linear infinite}
@keyframes pspin{0%{transform:rotate(0deg)}40%{transform:rotate(60deg)}50%{transform:rotate(240deg)}90%{transform:rotate(300deg)}100%{transform:rotate(360deg)}}
/* وضوح ورودی‌ها و برچسب‌ها در هر دو تم */
input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{background:#eef0f8!important;color:#1e2140;box-shadow:inset 0 2px 5px rgba(40,40,90,.14)!important;border-radius:16px;padding:10px 14px}
input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,select:focus,textarea:focus{outline:0;background:#ffffff!important;box-shadow:inset 0 0 0 2px #0e4aa8,0 0 0 4px rgba(14,74,168,.18)!important}
label{color:#2a2f52;font-weight:600}
[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=file]),[data-theme=dark] select,[data-theme=dark] textarea{background:#171a2e!important;color:#f2f3fa;box-shadow:inset 0 2px 6px rgba(0,0,0,.5)!important}
[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{background:#1d2140!important;box-shadow:inset 0 0 0 2px #4a90f5,0 0 0 4px rgba(74,144,245,.22)!important}
[data-theme=dark] label{color:#dfe2f5}
[data-theme=dark] .oc{background:#2a2f4c!important}
/* ردیف افزودن قلم در دستور خرید */
.pdrow{align-items:flex-end;flex-wrap:wrap}
.pdrow>label.pdm1{flex:1 1 220px;min-width:180px}
.pdrow>label.pdq1{flex:0 0 auto;white-space:nowrap}
.pdrow>label.pdq1 input{width:130px}
.pdrow>button.pdb{flex:0 0 auto}
/* موبایل: دکمه‌ی منو بی‌پس‌زمینه؛ اعلان و تم داخل منوی کناری */
#otop .omb{background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important}
.sbtns{display:none;gap:10px;margin:0 0 14px}
.sbtns button{position:relative;flex:1;height:54px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border-radius:999px!important;background:#ffffff!important;color:#1e2140!important;font-size:15px;font-weight:700;box-shadow:0 8px 18px rgba(30,30,60,.08)!important}
.sbtns .oic{width:22px;height:22px}
.sbtns .ocnt{position:absolute;top:-6px;inset-inline-start:-6px}
[data-theme=dark] .sbtns button{background:#262a3d!important;color:#e8e9f5!important}
@media(max-width:900px){.sbtns{display:flex}#otop .hm{display:none!important}}
/* جستجوی سایدبار هم‌شکل با دکمه‌های منو */
.osr{background:#ffffff!important;height:62px;padding:0 26px!important;border-radius:999px!important;margin:0 0 14px!important;box-shadow:0 3px 10px rgba(69,70,140,.08)!important;color:#7d8196;gap:14px}
.osr svg{flex:none;width:22px;height:22px}
.osr input{flex:1;height:100%;min-width:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0;font-size:16px!important;color:#1e2140;outline:0}
.osr input::placeholder{color:#7d8196}
.osbrow{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:6px}
.osbrow .orow{margin:0!important}
.osbrow .fbtn{height:40px}
.osbrow .x-xls{order:3}
@media(max-width:900px){
.ohdr{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px}
.ohdr>div{display:contents}
.osbrow{display:contents}
.ohdr .opt{order:1;flex:1 1 0;min-width:0;margin:0;font-size:20px}
.ohdr .obk{order:2;height:36px;padding:0 14px;font-size:13px;margin:0;flex:none}
.ohdr .orow{order:3;margin:0!important;flex:none}
.ohdr .fbtn{height:36px;padding:0 14px;font-size:13px}
.ohdr .x-xls{order:4;height:36px;padding:0 14px;font-size:13px;flex:none}
.ohdr .osb{order:9;flex:1 1 100%;font-size:13px;margin-top:2px}
.ohdr .orow .orow{flex-wrap:wrap}
}
#oside{overflow-y:auto!important;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-y;overscroll-behavior:contain}
#oside::-webkit-scrollbar{width:0;height:0;display:none}
#oside.dragging{user-select:none;-webkit-user-select:none;cursor:grabbing}
.osr input,.osr input:focus,.osr input:focus-visible,.osr input:active{color:#1e2140!important;border-radius:16px!important;padding:10px 14px!important}
.osr,.osr:focus-within{outline:0!important;box-shadow:none!important;background:#ffffff!important}
.osr input,.osr input:focus,.osr input:focus-visible,.osr input:active,[data-theme=dark] .osr input,[data-theme=dark] .osr input:focus{background:#ffffff!important;color:#1e2140!important;box-shadow:none!important;outline:0!important;border:0!important;-webkit-appearance:none;appearance:none}

.sbtns .sbsr{flex:none;width:54px;padding:0;gap:0}
.sbtns .sbsr .oic{width:22px;height:22px}
.osrw{display:grid;grid-template-rows:0fr;opacity:0;margin-bottom:0;transition:grid-template-rows .4s ease,opacity .3s ease,margin .4s ease}
.osrw.open{grid-template-rows:1fr;opacity:1;margin-bottom:14px}
.osrw>.osr{min-height:0;overflow:hidden;margin:0!important}
@media(min-width:901px){.osrw{grid-template-rows:1fr;opacity:1;margin-bottom:14px}.sbtns .sbsr{display:none}}

/* نوار مراحل دستور خرید: روی دسکتاپ بدون اسکرول و در صورت جا نشدن، شکسته می‌شود */
.pchain{scrollbar-width:none}
.pchain::-webkit-scrollbar{display:none}
@media(min-width:901px){.pchain{overflow:visible!important;flex-wrap:wrap;justify-content:center;row-gap:16px}}

#jdpop{position:absolute;z-index:9999;display:none;background:#fff;border-radius:20px;padding:12px;box-shadow:0 14px 40px rgba(20,20,60,.18);width:280px;direction:rtl}
#jdpop.show{display:block}
.jdh{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px}
.jdh button{height:34px;padding:0 10px;font-size:12px;border-radius:999px;box-shadow:none}
.jdw,.jdg{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}
.jdw i{font-style:normal;color:#7d8196;font-size:12px}
.jdg button{height:36px;padding:0;border-radius:12px;background:#f4f5fa;color:#1e2140;font-size:14px;box-shadow:none}
.jdg button:disabled{opacity:.35}
.jdg button.sel{background:#0e4aa8;color:#fff}
[data-jd]{cursor:pointer;direction:rtl}
.obkr{display:none}
.ohdr{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:0 0 6px}
.ohdr .obk{flex:none;margin-top:6px}
.obk{height:36px;padding:0 16px;font-size:13px;border-radius:999px;box-shadow:none;background:#ffffff;color:#1e2140}
.obk:disabled{opacity:.4}
.fbtn{height:44px;padding:0 20px;border-radius:999px;background:#ffffff;color:#1e2140;font-weight:700;box-shadow:0 4px 12px rgba(69,70,140,.12)}
.ohdr{align-items:center!important}
.ohdr .obk,.ohdr .fbtn,.ohdr .x-xls{height:38px!important;min-height:38px;margin:0!important;padding:0 16px!important;display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:13px;border-radius:999px;box-sizing:border-box}
.ohdr .orow{margin:0!important}
.shrow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 12px}
.shrow .osh{margin:0;white-space:nowrap}.shrow .orow{margin:0!important}
body::before{content:'';position:fixed;inset:0;z-index:-1;background:url(img/bg.jpg) center/cover no-repeat;pointer-events:none}[data-theme=dark] body::before{display:none}

/* ===== ظاهر جدید: منوی کناری سرمه‌ای + صفحه‌ی ورود ===== */
body #oside{background:radial-gradient(130% 130px at 0% 100%,rgba(34,170,70,.55),transparent 70%),linear-gradient(180deg,#0b3a8c 0%,#072a6c 45%,#04194a 100%)!important;color:#fff;border-radius:40px 0 0 0;padding:22px 16px 28px!important;box-shadow:-10px 0 40px rgba(4,25,74,.28)!important}
body #oside .sblogo{display:flex;justify-content:center;padding:6px 8px 20px}
body #oside .sblogo img{width:100%;max-width:210px;height:auto;display:block}
body #oside button.ogi,body #oside button.osi{height:52px;margin:0 0 8px!important;padding:0 18px!important;background:transparent!important;color:#e6eefc!important;border:0!important;border-radius:16px!important;font-size:16px!important;font-weight:600!important;box-shadow:none!important}
body #oside button.ogi .oic,body #oside button.osi .oic{width:24px!important;height:24px!important;opacity:.9}
body #oside button.ogi:hover,body #oside button.osi:hover{background:rgba(255,255,255,.1)!important}
body #oside button.ogi.open{background:rgba(255,255,255,.08)!important}
body #oside button.osi:not(.on){background:rgba(255,255,255,.06)!important;color:#d6e3fb!important}
body #oside button.osi:not(.on):hover{background:rgba(255,255,255,.14)!important}
body #oside button.osi{margin:0 14px 6px 0!important;height:46px;font-size:15px!important}
body #oside button.ogi.on,body #oside button.osi.on{background:linear-gradient(90deg,#1c73ee,#1257c9)!important;color:#fff!important;box-shadow:0 8px 18px rgba(18,87,201,.45)!important}
body #oside .osub{border:0;padding:0;margin:0 0 10px}
body #oside .osr{background:rgba(255,255,255,.1)!important;color:#cfe0ff!important;height:50px!important;padding:0 20px!important;margin:0 0 12px!important}
body #oside .osr input,body #oside .osr input:focus{background:transparent!important;color:#fff!important}
body #oside .osr input::placeholder{color:#a9c0ec}
body #oside .sbtns button{background:rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:none!important}
body #oside .ocnt{background:#ee3b4d;color:#fff}
body #oside .on>.ocnt{background:#fff;color:#0e4aa8}
@media(min-width:901px){
 body:has(#owrap:not(.solo)) .wrap{max-width:none;padding-right:calc(272px + 28px)}
 body:has(#owrap:not(.solo)) #owrap{grid-template-columns:minmax(0,1fr)}
 body:has(#owrap:not(.solo)) #oside{position:fixed;top:0;right:0;bottom:0;width:272px;max-height:none;z-index:30}
 body:has(#owrap:not(.solo)) #otop .brand .lgs{display:none}
}
body:has(#owrap:not(.solo))::before{background:linear-gradient(rgba(244,247,255,.62),rgba(244,247,255,.62)),url(img/bg.jpg) center/cover no-repeat}
@media(max-width:900px){body #oside{border-radius:34px 0 0 34px}}
/* صفحه‌ی ورود */
.lgpage{max-width:520px;margin:0 auto;padding:14px 12px 30px;display:flex;flex-direction:column;align-items:center;text-align:center}
.lgpage .lglock{width:min(560px,88vw);height:auto;display:block;margin:0 auto 14px}
.lgpage .lgt{display:flex;align-items:center;gap:14px;width:100%;color:#1b3f86;font-size:20px;font-weight:700;letter-spacing:.3px}
.lgpage .lgt::before,.lgpage .lgt::after{content:'';flex:1;height:1px;background:#9db4de}
.lgpage .lgs2{color:#2c4f94;font-size:14px;margin:8px 0 22px}
.lgpage .lgcard{width:400px;max-width:100%;margin:0!important;padding:24px 28px!important;border-radius:28px!important;box-shadow:0 20px 50px rgba(14,60,140,.18)!important;text-align:right}
.lgpage .lgcard h3{text-align:center;font-size:21px;margin:0 0 4px}
.lgpage .lgcard>.mu{text-align:center}
.lgpage .lgbale{margin-top:20px;max-width:300px;display:flex;flex-direction:column;align-items:center;gap:8px}
.lgpage .lgeco{height:34px;width:auto;margin-top:18px;opacity:.8}
.lgpage .lgd{display:none}
[data-theme=dark] .lgpage .lgl{display:none}[data-theme=dark] .lgpage .lgd{display:block}
[data-theme=dark] .lgpage .lgt{color:#dbe7ff}[data-theme=dark] .lgpage .lgt::before,[data-theme=dark] .lgpage .lgt::after{background:#3f5fa8}
[data-theme=dark] .lgpage .lgs2{color:#a9c0ec}
[data-theme=dark] .lgpage .lgeco{background:#fff;border-radius:8px;padding:4px 8px;opacity:1}
@media(max-width:600px){.lgpage .lgt{font-size:16px}.lgpage .lgs2{margin:6px 0 14px;font-size:13px}.lgpage .lgcard{padding:18px 18px!important}}
.lgeco-top,.lgeco-h{display:none}
@media(max-width:600px){
 .lgpage .lgeco{display:none!important}
 .lgpage .lgt-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;width:100%;margin-bottom:6px}
 .lgpage .lgt-row .lglock{width:auto;height:52px;max-width:100%;margin:0}
 .lgeco-top{display:block!important;height:100px;width:auto;flex:none;box-sizing:border-box}
 .lgeco-h{display:block!important;height:84px;width:auto;flex:none;box-sizing:border-box}
 .lgeco-d{display:none!important}
 .lgs>img[alt="Parian Plast"]{height:100px!important}
 [data-theme=dark] .lgeco-d{display:block!important}
 [data-theme=dark] .lgeco-l{display:none!important}
}

/* ===== سربرگ موبایل: بدون لوگو و در یک ردیف ===== */
@media(max-width:900px){
 #otop{flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;padding:10px 14px!important}
 #otop .lgs{display:none!important}
 #otop .brand h1{flex:1 1 auto!important;min-width:0!important;font-size:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 #otop .who{flex:none!important;max-width:120px!important;font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 #otop .osp{display:none!important}
}
/* ===== سربرگ داشبورد (موبایل): عنوان، فیلتر، بازگشت و خروجی در یک ردیف؛ نام بخش زیر عنوان ===== */
@media(max-width:900px){
 .ohdr{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;margin:0 0 8px!important}
 .ohdr>div,.ohdr .osbrow{display:contents!important}
 .ohdr .opt{order:1!important;flex:0 0 auto!important;margin:0!important;font-size:20px!important;white-space:nowrap!important}
 .ohdr .fbtn{order:2!important;flex:0 1 auto!important;min-width:0!important;height:34px!important;min-height:34px!important;padding:0 10px!important;font-size:12px!important;margin:0!important;white-space:nowrap!important}
 .ohdr .obk{order:3!important;flex:none!important;height:34px!important;min-height:34px!important;padding:0 10px!important;font-size:12px!important;margin:0!important}
 .ohdr .x-xls{order:4!important;flex:none!important;height:34px!important;min-height:34px!important;padding:0 10px!important;font-size:12px!important;margin:0!important;white-space:nowrap!important}
 .ohdr .osb{order:9!important;flex:1 1 100%!important;font-size:12px!important;margin:0!important}
}
/* تبلت (۶۰۱ تا ۹۰۰): عنوان، زیرعنوان و دکمه‌ها همه از لبه‌ی راست و هم‌راستا با «داشبورد» */
@media(min-width:601px) and (max-width:900px){
 .ohdr{justify-content:flex-start!important;align-items:center!important;row-gap:8px!important;column-gap:10px!important}
 .ohdr .opt{order:1!important;flex:1 1 100%!important;text-align:start!important}
 .ohdr .osb{order:2!important;flex:1 1 100%!important;text-align:start!important;font-size:13px!important}
 .ohdr .fbtn{order:3!important}
 .ohdr .x-xls{order:4!important}
 .ohdr .obk{order:5!important}
}

/* ===== دکمه‌های بالای منوی کناری: جستجو و تم به‌صورت دایره‌ی آیکنی هم‌اندازه ===== */
body #oside .sbtns .sbsr{flex:none!important;width:54px!important;height:54px!important;padding:0!important;gap:0!important;justify-content:center!important}

/* ===== صفحه‌ی ورود موبایل: فاصله‌ی بالا کمتر و بدون اسکرول اضافه ===== */
@media(max-width:600px){
 #oapp .lgpage{padding:18px 12px 8px!important;min-height:0!important}
 #oapp .lgpage .lgt-row{margin-top:12px!important;margin-bottom:22px!important}
 #oapp .lgpage .lglock.lgl,#oapp .lgpage .lglock.lgd{height:44px!important}
 #oapp .lgpage .lgt{font-size:21px!important}
 #oapp .lgpage .lgs2{margin:6px 0 0!important;font-size:16px!important}
 #oapp .lgpage .lgcard{padding:16px 16px!important}
 #oapp .lgpage .lgcard .mu{margin-bottom:4px}
 #oapp .lgpage .lgbale{margin-top:10px!important;gap:6px!important}
 #oapp .lgpage .lgbale .mu{font-size:12px!important}
 #oapp .lgpage .lgbale a.p{height:40px!important;line-height:40px!important;padding:0 22px!important}
 #oapp .lgpage .orow{margin-bottom:8px}
 body{overflow-x:hidden}
}

/* ===== صفحه‌ی ورود: نوار پایین خالی (سفید) نمایش داده نشود ===== */
#qnav:empty{display:none!important}
@media(max-width:600px){
 #oapp .lgpage{padding-bottom:0!important}
 #oapp .lgpage .lgbale{margin-bottom:0!important}
}

/* ===== صفحه‌ی ورود: حذف فضای رزرو‌شده‌ی نوار پایین تا اسکرول اضافه نشود ===== */
#owrap.solo{padding-bottom:0!important}
body:has(#owrap.solo){min-height:0!important}
body:has(#owrap.solo) .wrap{padding-bottom:12px!important}

/* ===== صفحه‌ی ورود کامپیوتر: لوگوی پریان پلاست کوچک‌تر و لوگوی اکولست زیر آن ===== */
@media(min-width:901px){
 .lgpage .lgt-row{flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:16px!important;margin-bottom:6px!important}
 .lgpage .lgt-row .lglock{width:auto!important;height:120px!important;max-width:none!important}
 .lgpage .lgt-row .lgeco-top{display:block!important;height:150px!important;width:auto!important;margin:0!important}
 .lgpage .lgt-row .lgeco-top.lgeco-d{display:none!important}
 [data-theme=dark] .lgpage .lgt-row .lgeco-top.lgeco-l{display:none!important}
 [data-theme=dark] .lgpage .lgt-row .lgeco-top.lgeco-d{display:block!important}
 .lgpage .lgeco{display:none!important}
}

/* ===== صفحه‌ی ورود: لوگوی اکولست فقط در ردیف لوگوها بالا باشد، نه پایین صفحه ===== */
img.lgeco{display:none!important}

/* نوار اسکرول منوی کناری مخفی (اسکرول با ماوس/لمس همچنان کار می‌کند) */
#oside,body #oside{scrollbar-width:none!important;-ms-overflow-style:none!important}
#oside::-webkit-scrollbar,body #oside::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

/* صفحه‌ی ورود در عرض ۶۰۱ تا ۹۰۰: چیدمان تک‌ستونه و لوگوها داخل کادر */
@media(min-width:601px) and (max-width:900px){
 #oapp .lgpage{max-width:560px!important;width:100%!important;padding:18px 16px 24px!important;overflow:hidden}
 #oapp .lgpage .lgt-row{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;gap:14px!important;width:100%!important;margin:0 0 12px!important}
 #oapp .lgpage .lgt-row img{height:auto!important;width:auto!important;max-width:46%!important;max-height:86px!important;object-fit:contain;min-width:0;flex:0 1 auto!important}
 #oapp .lgpage .lgt{font-size:22px!important}
 #oapp .lgpage .lgs2{font-size:15px!important;margin:6px 0 18px!important}
 #oapp .lgpage .lgcard{width:min(440px,100%)!important}
 #oapp .lgpage .lgbale{margin-top:16px!important;max-width:100%!important}
}

/* ===== صفحه‌ی ورود تم تاریک: همان لوگوی تم روشن با نوشته‌ی سفید ===== */
/* ── دستیار هوش مصنوعی مدیریت ── */
#aiRoot{--ah:var(--ac);--ah2:#2a62b8;--ab:var(--bg2);--abub:var(--sf2);--abd:var(--bd2);--ain:var(--sf2);--asel:var(--ac2);--ach:var(--bd);--agold:#d4a72c;--atx:var(--tx);--amu:var(--mu)}
[data-theme=dark] #aiRoot{--ah:#2b5cb5;--ah2:#3a73d1;--ab:var(--bg2);--abub:var(--sf2);--abd:var(--bd2);--ain:var(--sf2);--asel:var(--ac2);--ach:var(--bd);--atx:var(--tx);--amu:var(--mu)}
#aiRoot [hidden]{display:none!important}
#aiRoot .aiic{width:20px;height:20px;flex:none}
#aiRoot .aifab{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:80;height:54px;padding:0 24px;border-radius:999px;background:var(--ah)!important;color:#fff!important;border:0!important;display:flex;align-items:center;gap:10px;font:700 15px Sahel,Tahoma,sans-serif;cursor:pointer;box-shadow:0 8px 22px rgba(14,74,168,.35)}
/* بسته شدن (حالت پایه): آرام و طولانی؛ عرض دکمه از روی محتوا تغییر می‌کند تا واقعاً انیمیت شود */
#aiRoot .aifab{min-width:54px;padding:0 17px;gap:0;justify-content:center;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:padding 1.1s cubic-bezier(.45,0,.25,1),gap 1.1s cubic-bezier(.45,0,.25,1),box-shadow 1.1s ease,transform .2s}
#aiRoot .aifab span{display:block;max-width:0;opacity:0;white-space:nowrap;overflow:hidden;transition:max-width 1.1s cubic-bezier(.45,0,.25,1),opacity .7s ease .1s}
#aiRoot .aifab.drag{cursor:grabbing;transform:scale(1.12);box-shadow:0 0 0 4px rgba(255,255,255,.55),0 14px 34px rgba(14,74,168,.6)}
/* باز شدن */
#aiRoot .aifab.ex{padding:0 24px;gap:10px;box-shadow:0 10px 28px rgba(14,74,168,.5);transition:padding .55s cubic-bezier(.4,0,.2,1),gap .55s,box-shadow .55s,transform .2s}
#aiRoot .aifab.ex span{max-width:180px;opacity:1;transition:max-width .55s cubic-bezier(.4,0,.2,1),opacity .4s}
@media(prefers-reduced-motion:reduce){#aiRoot .aifab,#aiRoot .aifab span{transition:none}}
#aiRoot .aiw{position:fixed;right:18px;bottom:18px;z-index:90;width:min(440px,calc(100vw - 24px));height:min(700px,calc(100vh - 36px));border-radius:28px;overflow:hidden;background:var(--ain);display:flex;flex-direction:column;box-shadow:0 14px 44px rgba(10,20,60,.4);color:var(--atx);font:15px/1.8 Sahel,Tahoma,sans-serif}
#aiRoot .aih{background:var(--ah);color:#fff;padding:calc(14px + env(safe-area-inset-top,0px)) 14px 14px 14px;display:flex;align-items:center;gap:8px;flex:none}
#aiRoot .aiht{display:flex;align-items:center;gap:10px;margin-inline-end:auto;font-size:17px}
#aiRoot .aiht b{font-weight:800}
#aiRoot .aidot{width:12px;height:12px;min-width:12px;max-width:12px;min-height:12px;flex:none;aspect-ratio:1/1;border-radius:50%;background:#b0b7b7;box-shadow:0 0 0 3px rgba(255,255,255,.25);transition:background .3s,box-shadow .3s}
#aiRoot .aidot.on{background:#4cd964;box-shadow:0 0 0 3px rgba(76,217,100,.35)}
#aiRoot .aiht{min-width:0;flex:1 1 auto;white-space:nowrap}
#aiRoot .aiht b{overflow:hidden;text-overflow:ellipsis;min-width:0}
#aiRoot .aiht .aiic{flex:none}
#aiRoot .aihb{flex:none}
@media(max-width:420px){#aiRoot .aiht{font-size:15px;gap:6px}#aiRoot .aihb{gap:5px}#aiRoot .aihb button{width:38px;height:38px}}
#aiRoot .aihb{display:flex;gap:8px}
#aiRoot .aihb button{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.22)!important;color:#fff!important;border:0!important;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
#aiRoot .aimsgs{flex:1;overflow-y:auto;background:var(--ab);padding:14px;display:flex;flex-direction:column;gap:12px;min-height:0}
#aiRoot .aib0{max-width:94%;padding:14px 18px;border-radius:22px;font-size:15px;line-height:2;word-break:break-word}
#aiRoot .aia{background:var(--abub);border:1px solid var(--abd)!important;align-self:flex-start;color:var(--atx)}
#aiRoot .aiu{background:var(--ah);color:#fff;align-self:flex-end;white-space:pre-wrap}
#aiRoot .aier{background:rgba(168,42,34,.1);border:1px solid #d97b75!important;color:var(--er);align-self:stretch;max-width:100%;border-radius:18px;font-size:14px;padding:10px 16px;line-height:1.9}
#aiRoot .aiatt{font-size:12px;opacity:.85;margin-top:4px}
#aiRoot .aipc{margin-top:10px;background:var(--asel);border-radius:14px;padding:10px 12px;font-size:13px;line-height:1.8}
#aiRoot .aipt{font-weight:700;margin-bottom:4px}
#aiRoot .aipr{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed rgba(0,0,0,.12)}
#aiRoot .aipr span{opacity:.75}
#aiRoot .aipb{display:flex;gap:8px;margin-top:8px}
#aiRoot .aipb button{flex:1;border:0;border-radius:10px;padding:7px;background:var(--ah);color:#fff;cursor:pointer;font-family:inherit}
#aiRoot .aipb button.sec{background:transparent;color:inherit;border:1px solid currentColor}
#aiRoot .aips{margin-top:6px;font-weight:600}
#aiRoot .aips.ok{color:#2e7d32}
#aiRoot .aia p{margin:0 0 8px}#aiRoot .aia p:last-child{margin:0}
#aiRoot .aia h4{margin:8px 0 4px;font-size:15px;font-weight:800}
#aiRoot .aia ul,#aiRoot .aia ol{margin:4px 0 8px;padding-inline-start:22px}
#aiRoot .aia code{background:var(--asel);padding:1px 6px;border-radius:6px;font-size:13px;direction:ltr;display:inline-block}
#aiRoot .aia hr{border:0;border-top:1px solid var(--abd);margin:8px 0}
#aiRoot .aitb{overflow-x:auto;margin:6px 0}
#aiRoot .aitb table{border-collapse:collapse;font-size:13px;min-width:100%}
#aiRoot .aitb th,#aiRoot .aitb td{border:1px solid var(--abd)!important;padding:4px 10px;text-align:start;white-space:nowrap}
#aiRoot .aitb th{background:var(--asel)}
#aiRoot .aimeta{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:11px;color:var(--amu);direction:ltr;justify-content:flex-end}
#aiRoot .aimeta button{background:none!important;border:0!important;color:var(--amu)!important;padding:2px;cursor:pointer;display:flex}
#aiRoot .aimeta .aiic{width:15px;height:15px}
#aiRoot .aityp{display:flex;gap:6px;padding:16px 20px}
#aiRoot .aityp i{width:8px;height:8px;border-radius:50%;background:var(--ah);animation:aibl 1.2s infinite}
#aiRoot .aityp i:nth-child(2){animation-delay:.2s}#aiRoot .aityp i:nth-child(3){animation-delay:.4s}
@keyframes aibl{0%,80%,100%{opacity:.25}40%{opacity:1}}
#aiRoot .aichips{background:var(--ab);padding:0 14px 12px;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;flex:none}
#aiRoot .aichips button{background:var(--abub)!important;color:var(--atx)!important;border:1px solid var(--ach)!important;border-radius:999px;padding:8px 16px;font:14px Sahel,Tahoma,sans-serif;display:flex;align-items:center;gap:8px;cursor:pointer}
#aiRoot .aichips .aiic{width:17px;height:17px}
#aiRoot .aiattl{background:var(--ain);padding:8px 14px 0;display:flex;gap:6px;flex-wrap:wrap;flex:none}
#aiRoot .aiattl span{background:var(--asel);border-radius:999px;padding:2px 6px 2px 12px;font-size:12px;display:flex;align-items:center;gap:6px;max-width:100%}
#aiRoot .aiattl button{background:none!important;border:0!important;color:var(--atx)!important;padding:0 4px;cursor:pointer;font-size:16px;line-height:1}
#aiRoot .aiin{background:var(--ain);padding:12px 14px calc(14px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:8px;flex:none;position:relative}
#aiRoot .aiin textarea{flex:1;min-width:0;border:0!important;background:transparent!important;color:var(--atx)!important;resize:none;outline:none;font-family:Sahel,Tahoma,sans-serif;line-height:1.8;padding:8px 6px;max-height:120px;height:44px}
#aiRoot .aiin textarea::placeholder{color:var(--amu)}
#aiRoot .aib{width:48px;height:48px;border-radius:50%;background:var(--ain)!important;color:var(--atx)!important;border:1.5px solid var(--ach)!important;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;flex:none}
#aiRoot .aib.aimic{border:0!important;width:40px;height:40px}
#aiRoot .aib.rec{color:#fff!important;background:#c0392b!important;animation:aibl 1s infinite}
#aiRoot .aisend{width:56px;height:56px;border-radius:50%;background:var(--ah)!important;color:#fff!important;border:0!important;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;flex:none}
#aiRoot .aisend:disabled{opacity:.5}
#aiRoot .aisend .aiic{width:26px;height:26px}
#aiRoot .aiclip,#aiRoot .aipill{display:flex}
#aiRoot .aiin{flex-wrap:wrap}
#aiRoot .aiin textarea{order:-1;width:100%;flex:none;height:44px;min-height:0!important;max-height:120px}
#aiRoot .aiclip{order:1}#aiRoot .aisend{order:2;margin-inline-end:auto}#aiRoot .aimic{order:3}#aiRoot .aipill{order:4}
#aiRoot .aiw,#aiRoot .aimsgs,#aiRoot .aivb,#aiRoot .aipop,#aiRoot .aichips,#aiRoot .aiview{overscroll-behavior:contain}
html.aiopen,html.aiopen body{overflow:hidden}
#aiRoot .aiin.open{flex-wrap:wrap}
#aiRoot .aipill{height:46px;padding:0 14px;border-radius:14px;background:var(--asel)!important;color:var(--atx)!important;border:0!important;align-items:center;gap:8px;font:700 14px Sahel,Tahoma,sans-serif;cursor:pointer;max-width:52%;min-width:0;direction:ltr}
#aiRoot .aipill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:rtl;unicode-bidi:plaintext}
#aiRoot .aipill .aiic{width:15px;height:15px}
#aiRoot .pdot{width:10px;height:10px;border-radius:50%;background:#7cb342;flex:none;display:inline-block}
#aiRoot .pdot.no{background:#b0b7b7}
#aiRoot .aipop{position:absolute;inset-inline:12px;bottom:84px;max-height:64%;overflow-y:auto;background:var(--ain);border-radius:22px;box-shadow:0 10px 34px rgba(10,30,32,.35);padding:12px;z-index:6}
#aiRoot .aifl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px}
#aiRoot .aifl select{height:42px;border-radius:14px;background:var(--ab)!important;color:var(--atx)!important;border:1.5px solid var(--abd)!important;padding:0 10px;font-family:Sahel,Tahoma,sans-serif;min-width:0}
#aiRoot .aimc{padding:12px 14px;border-radius:18px;cursor:pointer;margin-top:4px}
#aiRoot .aimc:hover,#aiRoot .aimc.on{background:var(--asel)}
#aiRoot .aimc b{font-size:17px;display:flex;align-items:center;gap:8px}
#aiRoot .aimc small{display:block;color:var(--amu);font-size:13px;line-height:1.7}
#aiRoot .aimc .ltr{direction:ltr;unicode-bidi:embed;text-align:right}
#aiRoot .astars{color:var(--agold);letter-spacing:1px;direction:ltr;display:inline-block}
#aiRoot .astars s{text-decoration:none;opacity:.3}
#aiRoot .aiview{position:absolute;inset:0;background:var(--ab);z-index:7;display:flex;flex-direction:column}
#aiRoot .aivh{background:var(--ah);color:#fff;padding:calc(14px + env(safe-area-inset-top,0px)) 14px 14px;display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;flex:none}
#aiRoot .aivh button{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.22)!important;color:#fff!important;border:0!important;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;margin-inline-start:auto}
#aiRoot .aivb{flex:1;overflow-y:auto;padding:14px;min-height:0}
#aiRoot .aik{background:var(--abub);border:1px solid var(--abd);border-radius:20px;padding:14px 16px;margin-bottom:12px}
#aiRoot .aik label{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:8px;gap:8px}
#aiRoot .aist{font-size:12px;font-weight:600;border-radius:999px;padding:1px 10px;background:var(--asel)}
#aiRoot .aist.ok{background:#d8efd2;color:#2e6b3a}
#aiRoot .aik input{width:100%;height:44px;border-radius:14px;background:var(--ab)!important;color:var(--atx)!important;border:1.5px solid var(--abd)!important;padding:0 12px;direction:ltr;font-family:monospace}
#aiRoot .aik .aikb{display:flex;gap:8px;margin-top:8px}
#aiRoot .aik .aikb button,#aiRoot .aibtn{height:40px;border-radius:999px;padding:0 20px;background:var(--ah)!important;color:#fff!important;border:0!important;font:700 14px Sahel,Tahoma,sans-serif;cursor:pointer}
#aiRoot .aik .aikb button.sec{background:var(--asel)!important;color:var(--atx)!important}
#aiRoot .ainote{font-size:13px;color:var(--amu);line-height:1.9}
#aiRoot .aihi{display:flex;align-items:center;gap:10px;background:var(--abub);border:1px solid var(--abd);border-radius:18px;padding:10px 16px;margin-bottom:8px;cursor:pointer}
#aiRoot .aihi div{flex:1;min-width:0}
#aiRoot .aihi b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}
#aiRoot .aihi small{color:var(--amu);font-size:12px}
#aiRoot .aihi button{background:none!important;border:0!important;color:var(--er)!important;padding:6px;cursor:pointer;display:flex}
@media(min-width:901px){
 #aiRoot .aifab{right:auto!important;left:24px!important;bottom:24px!important;z-index:9000!important}
 #aiRoot .aiw{right:auto;left:24px;bottom:24px;z-index:9001}
}
@media(min-width:601px) and (max-width:900px){
 #aiRoot .aifab{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:600px){
 #aiRoot .aifab{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
 #aiRoot .aiw{inset:0;width:auto;height:auto;border-radius:0}
 #aiRoot .aipop{bottom:92px}
}

@media(max-width:600px){
#oapp .lgpage{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;align-items:center!important;justify-content:flex-start!important;max-width:560px!important;width:100%!important}
#oapp .lgpage>*{grid-column:auto!important;grid-row:auto!important}
#oapp .lgpage .lgt-row{width:100%!important;max-width:100%!important;grid-column:auto!important}
}

@media(min-width:601px){
#oapp .lgpage{display:grid!important;grid-template-columns:auto 440px!important;column-gap:56px!important;row-gap:0!important;justify-content:center!important;align-items:start!important;max-width:1000px!important;width:100%!important;padding-top:0!important}
#oapp .lgpage>div:has(.lgt){grid-column:1 / -1!important;grid-row:1!important;text-align:center!important;position:relative!important;top:-60px!important;margin:0!important}
#oapp .lgpage .lgt-row{grid-column:1!important;grid-row:2!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:18px!important;width:auto!important;margin:0!important;align-self:center!important}
#oapp .lgpage .lglock{height:100px!important;width:auto!important;max-width:none!important;margin:0!important}
#oapp .lgpage .lgeco-top{height:130px!important;width:auto!important;max-width:none!important;margin:0!important;display:block!important}
#oapp .lgpage>.lgcard{grid-column:2!important;grid-row:2!important;justify-self:center!important;margin:0!important}
#oapp .lgpage>.lgbale{grid-column:1 / -1!important;grid-row:3!important;justify-self:center!important;margin:24px 0 0!important;width:440px!important}
}
@media(min-width:601px) and (max-width:900px){
#oapp .lgpage{grid-template-columns:auto 380px!important;column-gap:32px!important;max-width:860px!important}
#oapp .lgpage>div:has(.lgt){top:0!important;margin:0 0 16px!important}
#oapp .lgpage .lglock{height:88px!important}
#oapp .lgpage .lgeco-top{height:116px!important}
#oapp .lgpage>.lgbale{width:380px!important}
}

@media(min-width:901px){#oapp .lgpage>.lgbale{margin-top:52px!important}}
@media(min-width:601px) and (max-width:900px){#oapp .lgpage>.lgbale{margin-top:40px!important}}
@media(max-width:600px){#oapp .lgpage>.lgbale{margin-top:30px!important}}