/* paid plan: rainbow button, glamorous upgrade card, nudges */
.btn[hidden]{display:none}
.btn.rainbow,.btn.rainbow:hover{position:relative;overflow:hidden;isolation:isolate;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);background:linear-gradient(90deg,#FF3CAC,#FF8A00,#FFD500,#2BD2FF,#7B61FF,#FF3CAC);background-size:300% 100%;animation:rbw 5s linear infinite,rbw-pulse 2.4s ease-in-out infinite;box-shadow:0 8px 22px -8px rgba(255,60,172,.75),0 0 0 2px rgba(255,255,255,.25) inset}
.btn.rainbow:hover{filter:brightness(1.08) saturate(1.1)}
.btn.rainbow::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 45%,transparent 60%);background-size:250% 100%;animation:rbw-shine 2.8s ease-in-out infinite;pointer-events:none}
@keyframes rbw{to{background-position:300% 0}}
@keyframes rbw-pulse{50%{transform:scale(1.04)}}
@keyframes rbw-shine{0%{background-position:150% 0}60%,100%{background-position:-100% 0}}
.upgrade.glam{position:relative;overflow:hidden;isolation:isolate;padding:22px 18px;background:linear-gradient(135deg,#1B0B3A,#4A1480 30%,#8E1C6E 65%,#B8431A);background-size:220% 220%;animation:glam-bg 12s ease-in-out infinite alternate;box-shadow:0 18px 40px -22px rgba(142,28,110,.9)}
@keyframes glam-bg{to{background-position:100% 100%}}
.glam-sparks{position:absolute;inset:0;z-index:-1;pointer-events:none}
.glam-sparks i{position:absolute;width:6px;height:6px;border-radius:50%;background:#FFE58A;box-shadow:0 0 10px 3px rgba(255,229,138,.7);animation:spark 3.2s ease-in-out infinite;opacity:0}
.glam-sparks i:nth-child(1){top:12%;left:8%}.glam-sparks i:nth-child(2){top:28%;left:88%;animation-delay:.6s;background:#9FF3FF}
.glam-sparks i:nth-child(3){top:62%;left:14%;animation-delay:1.2s;background:#FFB3E6}.glam-sparks i:nth-child(4){top:80%;left:76%;animation-delay:1.8s}
.glam-sparks i:nth-child(5){top:8%;left:54%;animation-delay:2.4s;background:#B7FFB0}.glam-sparks i:nth-child(6){top:46%;left:46%;animation-delay:.9s;background:#9FF3FF}
@keyframes spark{0%,100%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.2)}}
.glam-badge{display:inline-block;font-size:12.5px;font-weight:900;color:#2A1600;background:linear-gradient(90deg,#FFD86B,#FFB02E);border-radius:999px;padding:2px 12px;box-shadow:0 4px 14px -4px rgba(255,176,46,.8)}
.upgrade .glam-h{font-family:Lalezar,Vazirmatn;font-weight:400;font-size:28px;line-height:1.35;margin:10px 0 2px;background:linear-gradient(90deg,#fff,#FFE58A 50%,#FFB3E6);-webkit-background-clip:text;background-clip:text;color:transparent}
.upgrade .glam-sub{color:#F3DDF0;font-size:14.5px;margin-bottom:12px}
.glam-perks{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;margin:0}
.glam-perks li{display:flex;gap:10px;align-items:flex-start;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:9px 11px;backdrop-filter:blur(4px)}
.glam-perks li>span{flex:none;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;background:rgba(255,255,255,.14)}
.glam-perks b{display:block;color:#fff;font-size:14.5px;line-height:1.6}.glam-perks small{display:block;color:#E7D3EE;font-size:12.5px;line-height:1.7}
@media (max-width:520px){.glam-perks{gap:6px}.glam-perks li{align-items:center;padding:7px 10px}.glam-perks li>span{width:30px;height:30px;font-size:16px}.glam-perks small{display:none}}
.glam .plans-pick{margin-top:16px;row-gap:18px}
.glam .pp{padding-top:16px;border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.08);transition:transform .15s,border-color .15s}
.glam .pp:hover{transform:translateY(-2px);border-color:#FFD86B}
.glam .pp span{color:#FFD86B}.glam .pp small{color:#E7D3EE;font-size:11.5px}
.glam .pp.on{border-color:#FFD86B;background:rgba(255,216,107,.16);box-shadow:0 0 0 3px rgba(255,216,107,.25)}
.glam .pp.rec{border-color:#FF7AC6;box-shadow:0 0 22px -6px rgba(255,122,198,.9)}
.glam .pp em{background:linear-gradient(90deg,#B7FFB0,#6EE7B7);color:#053B22}
.pp-hot{position:absolute;top:-11px;right:50%;transform:translateX(50%);white-space:nowrap;font-style:normal;font-size:11px;font-weight:900;color:#fff;border-radius:999px;padding:1px 9px;background:linear-gradient(90deg,#FF3CAC,#FF8A00)}
.pp-hot.best{background:linear-gradient(90deg,#2BD2FF,#7B61FF)}
.glam-cta{margin-top:16px;font-size:18px;padding:15px}
.upgrade .glam-trust{text-align:center;color:#E7D3EE;font-size:13px;margin-top:10px}
.glam .up-price{color:#FFD86B;margin-top:12px}
.glam .cp-n{background:linear-gradient(135deg,#FFD86B,#FF8A00)}
.glam .cp-send{font-size:18px}
.pro-ok{background:linear-gradient(135deg,#F6FFF0,#FFF7E0)}
.pro-tag{background:linear-gradient(90deg,#FF3CAC,#7B61FF);color:#fff}
/* menu tab: rotating paid-perk reminder and the free item meter */
.nudge{position:relative;overflow:hidden;width:100%;display:flex;align-items:center;gap:12px;text-align:right;border:0;border-radius:18px;padding:13px 14px;margin-bottom:10px;cursor:pointer;color:#fff;background:linear-gradient(120deg,#6A11CB,#B0249A 45%,#FF6A3D);background-size:200% 100%;animation:nudge-bg 8s ease-in-out infinite alternate;box-shadow:0 12px 26px -16px rgba(176,36,154,.9)}
@keyframes nudge-bg{to{background-position:100% 0}}
.nudge:hover{filter:brightness(1.07)}
.nudge-ic{flex:none;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:23px}
.nudge-t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.6}
.nudge-t small{font-size:12px;color:#FFE1F4}.nudge-t b{font-size:16px}.nudge-t em{font-style:normal;font-size:13px;color:#FFEAF6}
.nudge-go{flex:none;font-weight:900;font-size:13.5px;background:#fff;color:#8E1C6E;border-radius:999px;padding:6px 13px;box-shadow:0 4px 12px -4px rgba(0,0,0,.35)}
@media (max-width:480px){.nudge{flex-wrap:wrap}.nudge-go{margin-right:56px}}
.meter{background:#fff;border:1px solid var(--line);border-radius:14px;padding:9px 13px 11px;margin-bottom:14px}
.meter-t{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-bottom:6px}
.meter-t a{color:#8E1C6E;font-weight:700}.meter-t b{color:var(--pom)}
.meter-b{height:9px;border-radius:999px;background:var(--tint);overflow:hidden}
.meter-b i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7FB24A,#F4A300,#FF3CAC)}
.meter.full{border-color:#F3C7CB;background:#FFF6F7}
/* landing: the paid plan */
.plan{position:relative}
.plan.pro{overflow:hidden;isolation:isolate;border:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#FF3CAC,#FF8A00,#FFD500,#2BD2FF,#7B61FF,#FF3CAC) border-box;background-size:100% 100%,300% 100%;animation:rbw-border 6s linear infinite;box-shadow:0 24px 50px -24px rgba(123,97,255,.65),0 10px 30px -18px rgba(255,60,172,.7);transform:scale(1.03)}
@keyframes rbw-border{to{background-position:0 0,300% 0}}
.plan.pro .glam-sparks i{box-shadow:0 0 10px 3px rgba(255,138,0,.45);background:#FFB02E}
.plan.pro h3{font-size:24px;background:linear-gradient(90deg,#7B61FF,#FF3CAC,#FF8A00);-webkit-background-clip:text;background-clip:text;color:transparent;align-self:flex-start}
.plan-rib{position:absolute;top:18px;left:-40px;transform:rotate(-45deg);width:170px;text-align:center;font-size:12.5px;font-weight:900;color:#fff;padding:3px 0;background:linear-gradient(90deg,#FF3CAC,#FF8A00);box-shadow:0 4px 12px -4px rgba(255,60,172,.8)}
.pro-lead{font-weight:700;color:var(--ink2);font-size:14px}
.plan.pro li::before{content:'★';color:#FF8A00}
.plan.pro li small{color:var(--muted);font-size:12.5px}
.plan.pro .btn.rainbow{font-size:18px;padding:14px}
@media (max-width:900px){.plan.pro{transform:none}}
@media (max-width:420px){.dtop-r{gap:5px}.dtop .btn.sm{padding:7px 10px;font-size:13px}}
@media (prefers-reduced-motion:reduce){.btn.rainbow,.btn.rainbow::after,.upgrade.glam,.glam-sparks i,.nudge,.plan.pro{animation:none}.glam-sparks i{opacity:.7}}
/* dashboard: growth tab */
.tabs button.tab-growth{color:#8E1C6E}
.tabs button.tab-growth.on{background:linear-gradient(90deg,#6A11CB,#B0249A);color:#fff}
.ghead{background:linear-gradient(135deg,#F6EEFF,#FFF0F7);border-color:#EAD9F7}
.gcard.on{border-color:#C9A7EE;box-shadow:0 8px 24px -18px rgba(106,17,203,.6)}
.gc-h{display:flex;gap:12px;align-items:flex-start}
.gc-ic{flex:none;width:42px;height:42px;border-radius:12px;background:#F4EEFB;display:flex;align-items:center;justify-content:center;font-size:21px}
.gcard.on .gc-ic{background:linear-gradient(135deg,#6A11CB,#B0249A)}
.gc-body{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line)}
.free-tag{display:inline-block;font-size:11px;font-weight:900;background:#E7F6E0;color:#2E7D32;border-radius:999px;padding:0 8px;vertical-align:middle;margin-right:4px}
.gwarn{color:var(--pom);font-size:13px;font-weight:700;margin:8px 0 0}
.gnote{color:var(--muted);font-size:13px}
.gok{color:#2E7D32;font-weight:800;margin-top:8px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 12px}
@media (max-width:520px){.grid3{grid-template-columns:1fr 1fr}}
.gsub{font-size:15px;margin:14px 0 6px}
.glist{list-style:none;display:flex;flex-direction:column;gap:6px}
.glist li{display:flex;align-items:center;gap:10px;justify-content:space-between;background:var(--tint);border-radius:12px;padding:8px 12px;font-size:14px;flex-wrap:wrap}
.glist li>div{display:flex;flex-direction:column}.glist small{color:var(--muted);font-size:12px}
.cashier{border:2px solid var(--ink)}
.cash-row{display:flex;gap:8px;align-items:stretch}
.cash-row input{flex:1;margin:0!important;min-width:0}
.gres{margin-top:10px;background:var(--tint);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px}
.gres small{color:var(--muted)}
.stamp-card{margin-top:10px;background:var(--tint);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.sc-dots{display:flex;flex-wrap:wrap;gap:6px}
.sc-dots i{width:22px;height:22px;border-radius:50%;border:2px dashed #C9A45C}
.sc-dots i.on{background:#C98200;border:2px solid #C98200}
.gauto ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.gauto li{display:flex;flex-direction:column;gap:2px}.gauto li span{color:var(--muted);font-size:13.5px}
.gtable{overflow-x:auto}
.gtable table{width:100%;border-collapse:collapse;font-size:13.5px}
.gtable th{text-align:right;color:var(--muted);font-weight:700;padding:6px;border-bottom:1px solid var(--line)}
.gtable td{padding:7px 6px;border-bottom:1px solid var(--tint)}
.gtable td small{display:block;color:var(--muted);font-size:12px}
.resv{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--tint);flex-wrap:wrap}
.resv>div:first-child{display:flex;flex-direction:column}.resv small{color:var(--muted);font-size:13px}
.resv.st-new{background:#FFF8E6;margin:0 -10px;padding:10px;border-radius:12px}
.resv-a{display:flex;gap:6px}.resv-s{color:#2E7D32;font-weight:800;font-size:13px}
.ord.take{border-color:#FFB02E}
.ord-paid{color:#2E7D32;font-weight:800;font-size:13px;margin:4px 0}
.tp-h{font-size:16px;font-weight:900;margin:22px 0 10px}
/* dashboard: phone alerts */
.ph-alerts{border:2px solid #25D366}
.al-num{white-space:nowrap;unicode-bidi:isolate}
.al-evs{display:flex;flex-wrap:wrap;gap:8px 16px;margin:4px 0 12px}
.al-ev{display:flex;align-items:center;gap:6px;font-weight:700;font-size:14px;margin:0}
.al-ev input{width:18px;height:18px;accent-color:#25D366}
.al-ch{background:var(--tint);border-radius:14px;padding:12px 14px;margin-top:10px}
.al-ch .grid2{margin-top:10px}
.al-ok{color:#2E7D32;font-weight:800;font-size:13.5px}
.al-steps{margin:8px 20px 4px 0;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:2}
.al-steps code{background:#fff;border-radius:8px;padding:2px 8px;font-size:13px}
.al-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
/* dashboard: hand-written translations */
.tr-bar{display:block;height:6px;border-radius:99px;background:var(--line);margin-top:6px;overflow:hidden;max-width:220px}
.tr-bar em{display:block;height:100%;background:linear-gradient(90deg,#7FB24A,#2E9E5B)}
.lang-row{flex-wrap:wrap}
.modal-card.wide{max-width:860px}
.tr-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.tr-only{display:flex;align-items:center;gap:6px;font-size:13.5px;margin:0}
.tr-cat{border:0;border-top:2px solid var(--line);padding-top:10px;margin-top:14px}
.tr-row{display:grid;grid-template-columns:1fr 1.2fr;gap:12px;align-items:start;padding:8px 10px;border-radius:12px;border-inline-start:4px solid #F4A300;margin-bottom:6px;background:#FFFBF0}
.tr-row.done{border-inline-start-color:#7FB24A;background:#F6FBF1}
.tr-row.cat{background:#F1EEF9;border-inline-start-color:#7B61FF}
.tr-row.cat.done{border-inline-start-color:#2E9E5B}
.tr-fa b{display:block;font-size:14.5px}.tr-fa small{display:block;color:var(--muted);font-size:12.5px;line-height:1.8}
.tr-in input,.tr-in textarea{margin-top:0!important;margin-bottom:6px;font-size:14.5px;padding:8px 10px}
.tr-in textarea{min-height:52px}
.tr-save{position:sticky;bottom:-22px;background:#fff;padding:12px 0 4px;margin-top:10px;border-top:1px solid var(--line)}
.tr-save{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.tr-save>div{display:flex;gap:8px}
@media (max-width:620px){.tr-row{grid-template-columns:1fr}.tr-save>a{order:2;width:100%;text-align:center}.tr-save>div{width:100%}.tr-save>div .btn{flex:1}}
.ph-alerts .up-phone{background:#15171C;color:#FFD54F;letter-spacing:.08em}
.tr-vars{display:flex;flex-wrap:wrap;gap:6px}.tr-vars label{flex:1;min-width:90px;margin:0;font-size:12px}.tr-vars small{display:block;color:var(--muted)}
.tr-def{color:#2E7D32!important;font-size:11.5px!important}
/* dashboard: loud new-order alarm */
.ring-bar{position:fixed;inset:auto 12px 16px 12px;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:560px;margin:0 auto;padding:14px 16px;border-radius:16px;background:linear-gradient(90deg,#E53935,#FF7043);color:#fff;box-shadow:0 12px 32px rgba(229,57,53,.45);animation:ringPulse 1s ease-in-out infinite}
.ring-bar b{font-size:16px}.ring-bar .btn{background:#fff;color:#C62828;border:0;flex:none}
@keyframes ringPulse{50%{box-shadow:0 0 0 8px rgba(229,57,53,.25),0 12px 32px rgba(229,57,53,.45)}}
.ring-card{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ring-card small{display:block;color:var(--muted);font-size:12.5px;margin-top:4px;line-height:1.9;max-width:520px}
.ring-acts{display:flex;gap:8px}
.fb-rude summary{cursor:pointer;color:#C62828;font-size:13px;font-weight:700}.fb-rude p{filter:blur(0);opacity:.7}
/* dashboard: paid themes on the free plan */
.tp,.wiz-th{position:relative}
.tp.locked .mini,.wiz-th.locked .mini{filter:saturate(.55) brightness(.92)}
.tp-lock{position:absolute;z-index:2;top:8px;inset-inline-start:8px;padding:3px 9px;border-radius:99px;font-size:11px;font-weight:800;color:#fff;background:linear-gradient(90deg,#FF3CAC,#784BA0,#2B86C5);box-shadow:0 3px 10px rgba(120,75,160,.4);white-space:nowrap}
.th-note{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 16px;padding:12px 14px;border-radius:14px;background:linear-gradient(90deg,#FFF4E0,#FCE4F4);border:1px solid #F5C9E5}
.th-note small{display:block;color:var(--muted);font-size:12.5px;margin-top:3px}
.th-note.pro{background:#F1FAEE;border-color:#CDE8C3;font-weight:700;color:#2E7D32}
/* landing: paid themes */
.theme-card{position:relative}.theme-card .tp-lock{top:10px}
.ring-tones{display:flex;flex-wrap:wrap;gap:8px;width:100%}
.ring-tones button{border:1.5px solid var(--line);background:#fff;border-radius:99px;padding:7px 14px;font:700 13px Vazirmatn,sans-serif;cursor:pointer;color:var(--ink)}
.ring-tones button.on{border-color:transparent;background:linear-gradient(90deg,#FF3CAC,#784BA0);color:#fff;box-shadow:0 4px 12px rgba(120,75,160,.35)}
/* dashboard: item add-ons */
.ad-grp{border:1.5px dashed var(--line);border-radius:14px;padding:10px;margin-bottom:10px;background:#FFFCF5}
.ad-gh{display:flex;gap:6px;align-items:center}.ad-gh input{flex:1;margin:0!important;font-weight:700}
.ad-gs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:8px 0}.ad-gs select{margin:0!important;width:auto;padding:6px 10px}
.ad-req{display:flex;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:400}.ad-req input{width:auto;margin:0}
.ad-opt{display:grid;grid-template-columns:1.4fr 1fr auto;gap:6px;margin-bottom:6px}.ad-opt input{margin:0!important}
.ad-optadd{margin-top:2px}
.it-tag{display:inline-block;font-size:11.5px;font-weight:700;color:#6A4BC4;background:#F1EEF9;border-radius:99px;padding:0 8px}.it-tag.out{color:#C62828;background:#FDECEC}
/* dashboard: weekly report */
.week .card-h{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.wk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}
.wk-t{border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:linear-gradient(180deg,#fff,#FAF8FF)}
.wk-t span{display:block;font-size:12.5px;color:var(--muted)}
.wk-t b{display:block;font-size:20px;font-weight:900;margin-top:2px}
.wk-t em{font-style:normal;font-size:12px;font-weight:800;color:var(--muted)}.wk-t em.up{color:#2E7D32}.wk-t em.down{color:#C62828}
.wk-t small{display:block;font-size:11px;color:var(--muted)}
.wk-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.wk-cols h3{font-size:14px;margin:0 0 8px}
.wk-bars{display:flex;align-items:flex-end;gap:6px;height:110px;padding-bottom:18px}
.wk-bars div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}
.wk-bars i{width:100%;max-width:26px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#7B61FF,#FF3CAC)}
.wk-bars small{position:absolute;bottom:-18px;font-size:10.5px;color:var(--muted)}
.wk-note{font-size:13px;margin-top:10px}
.wk-top{margin:0;padding-inline-start:20px}.wk-top li{display:flex;justify-content:space-between;gap:8px;font-size:13.5px;padding:4px 0;border-bottom:1px dashed var(--line)}
.wk-tips{margin-top:14px;padding:12px 14px;border-radius:14px;background:#FFF8E1;border:1px solid #FFE082}
.wk-tips p{margin:4px 0 0;font-size:13.5px}
@media (max-width:620px){.wk-grid{grid-template-columns:repeat(2,1fr)}.wk-cols{grid-template-columns:1fr}}
/* dashboard: events */
.ev-intro{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:linear-gradient(135deg,#F3EEFF,#FFEAF4)}
.evc{display:grid;grid-template-columns:84px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.evc.old{opacity:.65}.evc.off .evc-t b{color:var(--muted)}
.evc-ph{width:84px;height:64px;border-radius:12px;background:linear-gradient(135deg,#7B61FF,#FF3CAC) center/cover;display:flex;align-items:center;justify-content:center;font-size:28px}
.evc-t b{display:block;font-size:15px}.evc-t small{display:block;color:var(--muted);font-size:12.5px}
.evc-off{font-size:11px;color:#C62828;background:#FDECEC;border-radius:99px;padding:0 8px}
.evc-bar{display:block;height:6px;border-radius:99px;background:var(--line);margin-top:6px;overflow:hidden;max-width:240px}.evc-bar em{display:block;height:100%;background:linear-gradient(90deg,#7FB24A,#FF7043)}
.evc-a{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.ev-guests{max-height:55vh;overflow:auto}
.resv-ev{display:inline-block;font-size:11.5px;font-weight:800;color:#6A4BC4;background:#F1EEF9;border-radius:99px;padding:0 8px;margin-bottom:2px}
@media (max-width:620px){.evc{grid-template-columns:64px 1fr}.evc-ph{width:64px;height:52px}.evc-a{grid-column:1/-1;justify-content:flex-start}}
/* dashboard: branches */
.br-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px;padding:10px 14px;border-radius:14px;background:linear-gradient(90deg,#15171C,#35294F);color:#fff}
.br-bar select{width:auto;margin:0;padding:6px 10px;border-radius:10px;font-weight:700}
.br-bar small{opacity:.75;font-size:12px}
.br-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.br-row b{display:block}.br-row small{display:block;color:var(--muted);font-size:12px}
.br-row.on b{color:#6A4BC4}.br-cur{font-size:12.5px;font-weight:800;color:#2E7D32}
.br-main{font-size:11px;background:#FFF4E0;color:#B26A00;border-radius:99px;padding:0 8px}
.br-up{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;padding:12px 14px;border-radius:14px;background:linear-gradient(90deg,#FFF4E0,#FCE4F4);border:1px solid #F5C9E5}
.br-up small{display:block;color:var(--muted);font-size:12.5px}
.card .btn[data-act=brNew]{margin-top:12px}
.tr-ads{display:flex;flex-direction:column;gap:6px;margin-top:6px}.tr-ad{display:flex;flex-wrap:wrap;gap:6px;padding:6px;border-radius:10px;background:#F7F4FF}.tr-ad label{flex:1;min-width:90px;margin:0;font-size:12px}.tr-ad small{display:block;color:var(--muted)}
/* landing: chain plan */
.plans .plan.chain{grid-column:1/-1;background:linear-gradient(135deg,#15171C,#35294F);color:#fff;border:0}
.plan.chain h3,.plan.chain .pr{color:#fff}.plan.chain .pr small{display:block;font-size:13px;opacity:.75}
.plan.chain ul{columns:2;column-gap:24px}.plan.chain li{break-inside:avoid;color:#eee}
.plan.chain .pro-lead{color:#FFD54F}
.plan.chain .btn.ghost{color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.4)}
@media (max-width:700px){.plan.chain ul{columns:1}}
.br-bar select{color:#15171C;background:#fff;min-width:180px}
.wk-t em{display:inline;background:none;border:0;padding:0;margin:0;box-shadow:none;width:auto}
/* dashboard: invoices */
.inv-card{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.inv-acts{display:flex;gap:8px;flex-wrap:wrap}
.inv-list{max-height:48vh;overflow:auto;border:1px solid var(--line);border-radius:14px;padding:4px 12px;margin-bottom:12px}
.inv-list h4{font-size:13px;color:var(--muted);margin:10px 0 4px}
.inv-it{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:5px 0;border-bottom:1px dashed var(--line)}
.inv-it.on span{font-weight:800}.inv-it small{color:var(--muted)}
.inv-it .qty{display:flex;align-items:center;gap:8px}.inv-it .qty button{width:30px;height:30px;border-radius:9px;border:1px solid var(--line);background:#fff;font-size:17px;cursor:pointer}
.inv-sum{display:flex;justify-content:space-between;font-size:17px;padding:10px 0}
.inv-x{margin:6px 0 0;padding-inline-start:18px;font-size:13px}
/* dashboard: schedules */
.sch-pre{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.sch-pre small{color:var(--muted);font-weight:400;font-size:11.5px}
.sch-list{border:1px solid var(--line);border-radius:14px;padding:2px 12px;margin-bottom:10px}
.sch-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line)}.sch-row:last-child{border:0}
.sch-row span{color:var(--muted);font-size:13px;flex:1}.sch-row em{font-style:normal;font-size:12px;font-weight:800;color:#2E7D32}
.sch-row.on b{color:#2E7D32}
.sch-new{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.sch-new label{margin:0}.sch-d{display:flex;gap:4px}.sch-d select,.sch-new select{margin:0;width:auto}
.wd-pick{display:flex;flex-wrap:wrap;gap:6px;margin:-6px 0 10px}
/* «کافه‌گردی» directory */
.dirwrap{max-width:1100px;margin:0 auto;padding:0 18px 60px}
.dhero{text-align:center;padding:40px 0 18px}
.dhero h1{font-family:Lalezar,Vazirmatn,sans-serif;font-weight:400;font-size:clamp(30px,6vw,48px)}
.dhero p{color:var(--muted);margin-top:6px}
.dsearch{display:flex;gap:8px;max-width:560px;margin:18px auto 0}
.dsearch input{flex:1;margin:0;border-radius:14px;padding:12px 16px}
.dsearch button{border:0;border-radius:14px;padding:0 22px;background:#15171C;color:#fff;font:700 15px Vazirmatn,sans-serif;cursor:pointer}
.dcities,.dareas{display:flex;gap:8px;overflow-x:auto;padding:12px 2px;scrollbar-width:none}
.dcities::-webkit-scrollbar,.dareas::-webkit-scrollbar{display:none}
.dcities a,.dareas a{flex:none;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:99px;padding:7px 15px;font-weight:700;font-size:14px;background:#fff;white-space:nowrap}
.dcities a small{color:var(--muted);font-weight:400}
.dcities a[aria-current],.dareas a[aria-current]{background:#15171C;color:#fff;border-color:#15171C}.dcities a[aria-current] small{color:#ccc}
.dareas a{font-size:13px;padding:5px 12px}
.dfeat h2{font-size:20px;margin:16px 0 10px}
.dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:10px}
.dcard{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:transform .15s,box-shadow .15s}
.dcard:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.1)}
.dcard.feat{border:2px solid #E0B040;box-shadow:0 0 0 4px rgba(224,176,64,.18)}
.dc-ph{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,var(--acc),#15171C) center/cover;display:flex;align-items:center;justify-content:center}
.dc-ph span{font-family:Lalezar,sans-serif;font-size:54px;color:#fff}
.dc-feat{position:absolute;top:10px;inset-inline-start:10px;font-style:normal;font-size:12px;font-weight:800;background:linear-gradient(90deg,#F7D774,#E0B040);color:#3B2A00;border-radius:99px;padding:2px 10px}
.dc-t{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px;flex:1}
.dc-t h3{font-size:17px}.dc-t p{font-size:13.5px;color:var(--muted);line-height:1.7}
.dc-m{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12.5px;color:#444;margin-top:2px}.dc-m small{color:var(--muted)}
.dc-t em{font-style:normal;font-weight:800;font-size:13px;color:var(--acc);margin-top:auto;padding-top:6px}
.dad{grid-column:1/-1;position:relative;display:block;border-radius:18px;overflow:hidden;border:1px solid var(--line);margin:6px 0}
.dad img{display:block;width:100%;max-height:180px;object-fit:cover}.dad small{position:absolute;top:8px;inset-inline-end:10px;background:rgba(0,0,0,.55);color:#fff;border-radius:99px;padding:0 8px;font-size:11px}
.dnone{text-align:center;color:var(--muted);padding:40px 0}
.dcta{text-align:center;margin-top:40px;padding:30px 20px;border-radius:24px;background:linear-gradient(135deg,#FFF4E0,#FCE4F4)}
.dcta p{color:var(--muted);margin:6px 0 14px}
/* dashboard: directory card */
.dir-at{font-size:13.5px;margin:10px 0 0}
.dir-feat{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;padding:12px 14px;border-radius:14px;background:linear-gradient(90deg,#FFF8E1,#FFF1D6);border:1px solid #F3D48A}
.dir-feat small{display:block;color:var(--muted);font-size:12.5px}.dir-feat.on{font-weight:700;color:#8A6A00}
/* dashboard: coupons, deal of the day, combos */
.deal-card{background:linear-gradient(135deg,#FFF3E0,#FFE0B2)}
.deal-f{display:grid;grid-template-columns:repeat(2,1fr);gap:0 12px}.deal-f .btn{grid-column:1/-1}
.deal-on{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:12px 14px;border-radius:14px;background:#fff;border:2px solid #FF9100}
.deal-on small{color:var(--muted);flex:1}
.cp-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px dashed var(--line);flex-wrap:wrap}
.cp-item b{font-size:16px;letter-spacing:.06em;background:#F1EEF9;color:#6A4BC4;border-radius:8px;padding:1px 8px}
.cp-item small{display:block;color:var(--muted);font-size:12.5px;margin-top:3px}.cp-item.off{opacity:.55}
.cp-a{display:flex;align-items:center;gap:8px}
.cp-f{display:grid;grid-template-columns:repeat(2,1fr);gap:0 12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.cp-f .btn{grid-column:1/-1}
.cp-kind{display:flex;gap:6px}.cp-kind input{flex:1;min-width:0}.cp-kind select{width:auto}
.cp-story{text-align:center}.cp-story img{max-height:48vh;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.cb-slot{border:1.5px dashed #F4A300;border-radius:14px;padding:10px;margin-bottom:10px;background:#FFFBF0}
.cb-items{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;max-height:160px;overflow:auto}
@media (max-width:620px){.deal-f,.cp-f{grid-template-columns:1fr}}
/* dashboard: subscriptions, drink of the month, pre-orders */
.sub-card{background:linear-gradient(160deg,#FFF8F0,#F3E5DC)}
.pl-row,.sb-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px dashed var(--line);flex-wrap:wrap}
.pl-row small,.sb-row small{display:block;color:var(--muted);font-size:12.5px}.pl-row.off{opacity:.55}
.pl-off{font-size:12px;font-weight:800;background:#FFC400;color:#3E2723;border-radius:99px;padding:0 8px}
.sb-row code{font-size:12px;background:#F1EEF9;color:#6A4BC4;border-radius:6px;padding:0 6px}
.sb-st{font-size:12px;font-weight:700;border-radius:99px;padding:1px 9px;background:#eee;color:#555}.sb-st.p{background:#FFF3E0;color:#E65100}.sb-st.a{background:#E8F5E9;color:#2E7D32}
.sb-a{display:flex;gap:6px;flex-wrap:wrap}
.sb-check{margin-top:14px;padding:12px;border-radius:14px;background:#fff;border:1px solid var(--line)}.sb-check h3{font-size:14px;margin:0 0 8px}
.pl-items{max-height:140px}
.motm-card{background:linear-gradient(160deg,#E0F7F4,#EDE7F6)}
.mo-res{margin-top:12px;padding:10px 12px;border-radius:12px;background:#fff}
.mo-bar{display:grid;grid-template-columns:1.2fr 2fr auto;gap:8px;align-items:center;font-size:13px;margin-top:6px}
.mo-bar i{height:8px;border-radius:99px;background:var(--line);overflow:hidden}.mo-bar em{display:block;height:100%;background:linear-gradient(90deg,#00C9A7,#845EC2)}
.ord-pre{font-size:13px;background:#EDE7F6;border-radius:10px;padding:4px 10px;margin-top:4px}
/* «کافه‌گردی» map of Iran */
.dmap{display:grid;grid-template-columns:1fr 280px;gap:18px;align-items:center;margin:8px 0 18px;padding:18px;border-radius:28px;background:radial-gradient(circle at 30% 20%,#FFFDF7,#F4EFE6 70%);border:1px solid var(--line)}
.dmap-in{position:relative}
.imap{display:block;width:100%;height:auto;max-height:560px}
.imap a{cursor:pointer;outline:none}
.prov{fill:#E9E3D8;stroke:#fff;stroke-width:1.4;stroke-linejoin:round;transition:fill .2s,transform .2s,filter .2s;transform-box:fill-box;transform-origin:center}
.prov.l1{fill:#FFE0B2}.prov.l2{fill:#FFCC80}.prov.l3{fill:#FFB74D}.prov.l4{fill:#FF9800}.prov.l5{fill:#F57C00}
.imap a:hover .prov,.imap a:focus .prov{fill:#7B61FF;transform:scale(1.035);filter:drop-shadow(0 4px 6px rgba(0,0,0,.25))}
.prov.on{fill:#15171C!important;stroke:#FFD54F;stroke-width:2.2}
.dmap-tip{position:absolute;transform:translate(-50%,-100%);pointer-events:none;background:#15171C;color:#fff;font-size:12.5px;font-weight:700;border-radius:10px;padding:4px 10px;white-space:nowrap;box-shadow:0 6px 16px rgba(0,0,0,.25)}
.dmap-side{display:flex;flex-direction:column;gap:8px}
.dmap-side b{font-size:17px}.dmap-side small{color:var(--muted);font-size:13px;line-height:1.8}
.dmap-legend{display:flex;align-items:center;gap:3px}.dmap-legend i{width:26px;height:10px;border-radius:3px}
.dmap-legend .l1{background:#FFE0B2}.dmap-legend .l2{background:#FFCC80}.dmap-legend .l3{background:#FFB74D}.dmap-legend .l4{background:#FF9800}.dmap-legend .l5{background:#F57C00}
.dmap-legend span{font-size:11.5px;color:var(--muted);margin-inline-start:6px}
.dmap-side select{margin:4px 0 0;border-radius:12px;font-weight:700}
.dl-head h2{font-size:20px;margin:6px 0 2px}.dl-head h2 small{font-size:13px;color:var(--muted);font-weight:700;background:#F4EFE6;border-radius:99px;padding:1px 10px}
.dfeat h3{font-size:17px;margin:14px 0 8px}
.dnone{text-align:center;padding:34px 16px;border:2px dashed var(--line);border-radius:22px;margin-top:12px}.dnone p{color:var(--muted);margin:6px 0 14px}
/* blog: a teaser for the map */
.map-teaser{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center;text-decoration:none;color:inherit;margin:26px 0;padding:16px 20px;border-radius:24px;background:linear-gradient(135deg,#FFF4E0,#FCE4F4);border:1px solid #F5C9E5}
.map-teaser svg{width:100%;height:auto}.map-teaser .prov{stroke-width:2}
.map-teaser h2{font-size:21px}.map-teaser p{color:var(--muted);margin:4px 0 8px}.map-teaser em{font-style:normal;font-weight:800;color:#C2410C}
@media (max-width:800px){.dmap{grid-template-columns:1fr;padding:12px;border-radius:20px}.map-teaser{grid-template-columns:110px 1fr;padding:12px}}

/* dashboard: full report by period */
.rp .card-h{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.rp-tabs{display:flex;gap:4px;background:#F3F0FA;border-radius:99px;padding:4px;flex-wrap:wrap}
.rp-tabs button{border:0;background:none;border-radius:99px;padding:6px 12px;font:inherit;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer}
.rp-tabs button.on{background:#fff;color:#15171C;box-shadow:0 2px 8px rgba(40,20,90,.12)}
.rp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.rp-t{border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:linear-gradient(180deg,#fff,#FAF8FF)}
.rp-t span{display:block;font-size:12.5px;color:var(--muted)}
.rp-t b{display:block;font-size:22px;font-weight:900;margin-top:2px}.rp-t b i{font-style:normal;font-size:13px;color:var(--muted);font-weight:700}
.rp-t small{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}
.rp-champ{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:18px;background:linear-gradient(120deg,#FFF3D6,#FFE0EC);border:1px solid #FFD58A;margin-bottom:16px}
.rp-champ.empty{background:#F7F5FB;border-color:var(--line)}
.rp-cup{font-size:40px;line-height:1}
.rp-champ small{display:block;font-size:12px;color:#8A6D1F;font-weight:700}.rp-champ b{display:block;font-size:20px;font-weight:900}.rp-champ span{font-size:13px;color:#5b5140}
.rp-cols{display:grid;grid-template-columns:3fr 2fr;gap:18px}
.rp-cols h3{font-size:14px;margin:0 0 8px}
.rp-dish{list-style:none;margin:0;padding:0;max-height:420px;overflow:auto}
.rp-dish li{display:flex;gap:8px;align-items:flex-start;padding:6px 0;border-bottom:1px dashed var(--line)}
.rp-dish li>em{font-style:normal;width:26px;text-align:center;font-weight:800;color:var(--muted);font-size:13px;padding-top:2px}
.rp-dish li>div{flex:1;min-width:0}
.rp-dn{display:flex;justify-content:space-between;gap:8px;font-size:13.5px}.rp-dn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-dish i{display:block;height:6px;border-radius:99px;background:linear-gradient(90deg,#FF9800,#FF3CAC);margin:4px 0 1px}
.rp-dish small{font-size:11px;color:var(--muted)}
.rp-al{list-style:none;margin:0;padding:0}.rp-al li{display:flex;justify-content:space-between;font-size:13.5px;padding:6px 0;border-bottom:1px dashed var(--line)}
.rp-al li.sum{font-weight:900;border-bottom:0}
.rp-ch-h{font-size:14px;margin:16px 0 8px;display:flex;justify-content:space-between;align-items:center}
.rp-ch-h span{font-size:12px;font-weight:600;color:var(--muted);display:flex;gap:6px;align-items:center}
.rp-ch-h span i{display:inline-block;width:10px;height:10px;border-radius:3px}
.rp-chart{display:flex;align-items:flex-end;gap:3px;height:130px;padding-bottom:20px;overflow-x:auto}
.rp-chart div{flex:1;min-width:12px;height:100%;display:flex;justify-content:center;align-items:flex-end;gap:1px;position:relative}
.rp-chart div i{width:100%;max-width:14px;min-height:2px;border-radius:5px 5px 2px 2px}
.rp i.v{background:#D9D1F7}.rp i.o{background:linear-gradient(180deg,#FF9800,#FF3CAC)}
.rp-chart small{position:absolute;bottom:-18px;font-size:9.5px;color:var(--muted);white-space:nowrap}
@media (max-width:760px){.rp-grid{grid-template-columns:repeat(2,1fr)}.rp-cols{grid-template-columns:1fr}.rp-tabs button{padding:5px 9px;font-size:12px}}

/* dashboard: invite a cafe */
.tabs .tab-invite{background:linear-gradient(120deg,#FFF3D6,#FFE0EC)}
.ref-hero{text-align:center;background:linear-gradient(160deg,#FFFDF5,#FFF0F6)}
.ref-gift{font-size:52px;line-height:1;animation:refBob 2.4s ease-in-out infinite}
@keyframes refBob{50%{transform:translateY(-6px) rotate(-6deg)}}
.ref-hero h2{margin:10px 0 6px;font-size:20px}.ref-hero h2 b{color:#E65100}
.ref-hero .linkbox{justify-content:center;flex-wrap:wrap;margin-top:12px}
.ref-stats{display:flex;justify-content:center;gap:14px;margin-top:14px}
.ref-stats div{min-width:120px;border:1px solid var(--line);border-radius:14px;padding:8px 12px;background:#fff}
.ref-stats b{display:block;font-size:24px;font-weight:900}.ref-stats span{font-size:12.5px;color:var(--muted)}
.ref-steps{margin:0;padding-inline-start:20px;line-height:2}
.ref-list{list-style:none;margin:0;padding:0}
.ref-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px dashed var(--line);flex-wrap:wrap}
.ref-list li small{display:block;font-size:12px;color:var(--muted)}
.ref-list em{font-style:normal;font-size:12.5px;font-weight:700;border-radius:99px;padding:3px 10px;background:#F3F0FA;color:var(--muted)}
.ref-list em.ok{background:#E8F5E9;color:#2E7D32}.ref-list em.wait{background:#FFF8E1;color:#8A6D1F}
.ref-alt{margin:12px 0 0;padding:10px 12px;border-radius:12px;background:#FFF8E1;font-size:13.5px}.ref-alt a{font-weight:800;color:#E65100}
.g-sent{margin:12px 0 0;padding:10px 12px;border-radius:12px;background:#E8F0FE;color:#1A4FB0;font-size:13.5px}