/* Ordix public shell: one shared header/footer visual system across landing, guides and feature pages. */
.ox-common-header{position:sticky!important;top:0!important;inset-block-start:0!important;z-index:1500!important;width:100%;isolation:isolate;background:rgba(250,252,255,.96)!important;border-bottom:1px solid #e5eaf5!important;box-shadow:0 8px 28px rgba(28,43,82,.07)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.ox-common-header .nav-shell{width:min(1240px,94vw);min-height:82px;margin:0 auto;display:flex;align-items:center;gap:clamp(10px,1.4vw,22px);}
.ox-common-header .identity{display:flex!important;align-items:center;gap:10px;flex:0 0 auto;min-width:165px;color:#243252;text-decoration:none}
.ox-common-header .identity>img{width:48px!important;height:48px!important;object-fit:contain;border-radius:0!important}
.ox-common-header .identity>span{display:grid!important;gap:2px;min-width:0}
.ox-common-header .identity b{font:800 16px/1.5 Shabnam,Vazirmatn,sans-serif;color:#253454}
.ox-common-header .identity small{font:10px/1.6 Vazirmatn,sans-serif;color:#8490a7;white-space:nowrap}
.ox-common-header .primary-nav{display:flex!important;align-items:center;justify-content:center;gap:clamp(15px,1.7vw,25px)!important;flex:1 1 auto;min-width:0;}
.ox-common-header .primary-nav>a,.ox-common-header .nav-dropdown>summary{display:inline-flex;align-items:center;gap:6px;padding:12px 4px;color:#35425f!important;text-decoration:none!important;white-space:nowrap;font:700 14.2px/1.5 Shabnam,Vazirmatn,sans-serif!important;transition:color .18s,background .18s}
.ox-common-header .primary-nav>a:hover,.ox-common-header .nav-dropdown>summary:hover,.ox-common-header .nav-dropdown[open]>summary{color:#5363d9!important}
.ox-common-header .nav-dropdown{position:relative;list-style:none;flex:0 0 auto}
.ox-common-header .nav-dropdown>summary{cursor:pointer;list-style:none;border-radius:10px}
.ox-common-header .nav-dropdown>summary::-webkit-details-marker{display:none}
.ox-common-header .ox-nav-chevron{display:block;flex:0 0 21px;width:21px;height:21px;margin-inline-start:5px;padding:4px;box-sizing:border-box;border:1px solid #e4e8fa;border-radius:7px;background:linear-gradient(145deg,#f7f8ff,#eef1ff);fill:none;stroke:currentColor;stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round;color:#6471cf;transition:transform .22s cubic-bezier(.2,.8,.2,1),color .18s,background .18s,border-color .18s,box-shadow .18s}
.ox-common-header .nav-dropdown[open]>summary .ox-nav-chevron{transform:rotate(180deg);color:#4f5fd3;background:linear-gradient(145deg,#e8ebff,#f3efff);border-color:#d8ddfb;box-shadow:0 3px 9px rgba(84,96,207,.12)}
.ox-common-header .nav-dropdown-menu{position:absolute;top:calc(100% - 1px);right:0;z-index:1600;width:min(340px,88vw);max-height:min(68vh,620px);overflow:auto;overscroll-behavior:contain;display:grid;gap:4px;padding:12px;background:#fff;border:1px solid #e4e9f5;border-radius:0 0 18px 18px;box-shadow:0 22px 55px rgba(31,48,91,.17);opacity:0;visibility:hidden;pointer-events:none;transform:none;transition:opacity .16s,visibility .16s}
.ox-common-header .nav-dropdown:hover>.nav-dropdown-menu,.ox-common-header .nav-dropdown:focus-within>.nav-dropdown-menu,.ox-common-header .nav-dropdown[open]>.nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.ox-common-header .nav-dropdown-menu:before{content:"";position:absolute;inset-block-start:-10px;inset-inline:0;height:10px;background:transparent}
.ox-common-header .nav-dropdown-menu>a{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:11px;text-decoration:none;color:#405071;transition:background .16s,color .16s}
.ox-common-header .nav-dropdown-menu>a:hover{background:#f2f4ff;color:#4e5ed1}
.ox-common-header .nav-dropdown-menu>a>span:last-child{display:grid;gap:2px;min-width:0}
.ox-common-header .nav-dropdown-menu b{font:700 12px/1.65 Shabnam,Vazirmatn,sans-serif;color:#2e3b5b}
.ox-common-header .nav-dropdown-menu small{font:10px/1.8 Vazirmatn,sans-serif;color:#8994aa}
.ox-common-header .ox-feature-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#eef0ff,#f4f0ff);color:#5864d5;font:700 17px/1 Vazirmatn,sans-serif}
.ox-common-header .nav-actions{display:flex;flex:0 0 auto;align-items:center}
.ox-common-header .nav-entry,.ox-common-header .nav-entry:link,.ox-common-header .nav-entry:visited{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:11px 19px!important;border:1px solid #5967da!important;border-radius:13px!important;background:linear-gradient(135deg,#6574e8 0%,#7656d9 100%)!important;color:#fff!important;font:800 13px/1.5 Shabnam,Vazirmatn,sans-serif!important;white-space:nowrap;text-decoration:none!important;box-shadow:0 8px 19px rgba(93,103,211,.22);transition:transform .18s,box-shadow .18s,filter .18s}.ox-common-header .nav-entry:hover,.ox-common-header .nav-entry:focus-visible{color:#fff!important;text-decoration:none!important;transform:translateY(-1px);filter:saturate(1.08);box-shadow:0 11px 23px rgba(93,103,211,.3)}
.ox-common-header .menu-toggle{display:none;border:1px solid #dfe5f2;background:#fff;color:#35425f;border-radius:12px;width:43px;height:43px;padding:10px;cursor:pointer}
.ox-common-header .menu-toggle span{display:block;height:2px;background:currentColor;border-radius:2px;margin:4px 0}
.ox-common-header .nav-dropdown-menu::-webkit-scrollbar{width:8px}
.ox-common-header .nav-dropdown-menu::-webkit-scrollbar-track{background:#f1f3fa;border-radius:20px}
.ox-common-header .nav-dropdown-menu::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#969fe8,#5967d5);border:2px solid #f1f3fa;border-radius:20px}
#site-header-spacer{display:none!important;height:0!important;min-height:0!important}
.ox-common-footer{direction:rtl;background:#fff;border-top:1px solid #e6eaf4;margin-top:70px}
.ox-common-footer>.shell{width:min(1160px,92vw);margin:0 auto}
.ox-common-footer .footer-top{direction:rtl;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(18px,2.5vw,38px);padding:32px 0 28px;min-width:0}
.ox-common-footer .footer-brand-block{direction:rtl;display:flex;align-items:center;gap:clamp(15px,2vw,26px);min-width:0}
.ox-common-footer .footer-ordix-brand{direction:rtl;display:flex;align-items:center;gap:11px;flex:0 0 auto;min-width:0;color:#293755;text-decoration:none!important}
.ox-common-footer .footer-ordix-brand img{width:48px;height:48px;object-fit:contain;border-radius:50%}
.ox-common-footer .footer-ordix-brand>span{display:grid;gap:3px;min-width:0}
.ox-common-footer .footer-ordix-brand b{font:800 16px/1.5 Shabnam,Vazirmatn;color:#293755}
.ox-common-footer .footer-ordix-brand small{font:10px/1.7 Vazirmatn,Shabnam;color:#8792a8;white-space:normal;overflow-wrap:anywhere}
.ox-common-footer .footer-brand-block>p{direction:rtl;flex:1 1 auto;min-width:0;max-width:none;margin:0;color:#78849c;font:11px/2 Vazirmatn,Shabnam;white-space:normal;overflow:visible;overflow-wrap:anywhere;word-break:normal}
.ox-common-footer .footer-top>nav{direction:rtl;display:flex;align-items:center;justify-content:flex-start;gap:clamp(12px,1.5vw,22px);flex:0 1 auto;min-width:0;max-width:100%;flex-wrap:wrap;white-space:normal}
.ox-common-footer .footer-top>nav a,.ox-common-footer .footer-bottom a{font:700 11.5px Shabnam,Vazirmatn;color:#5e6b88;text-decoration:none!important;transition:color .16s}
.ox-common-footer .footer-top>nav a:hover,.ox-common-footer .footer-bottom a:hover{color:#5663d6}
.ox-common-footer .footer-bottom{direction:rtl;display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #edf0f6;padding:16px 0;color:#98a1b2;font:10px Vazirmatn,Shabnam}
@media(max-width:1080px){.ox-common-header .nav-shell{gap:9px}.ox-common-header .primary-nav{gap:10px!important}.ox-common-header .primary-nav>a,.ox-common-header .nav-dropdown>summary{font-size:13.2px!important}.ox-common-header .identity{min-width:135px}.ox-common-header .identity small{max-width:150px;overflow:hidden;text-overflow:ellipsis}.ox-common-footer .footer-top{grid-template-columns:1fr;gap:18px}.ox-common-footer .footer-brand-block{flex-wrap:wrap}.ox-common-footer .footer-brand-block>p{flex:1 1 100%}.ox-common-footer .footer-top>nav{margin-inline-start:auto}}
@media(max-width:900px){.ox-common-header .nav-shell{min-height:74px;width:calc(100% - 28px);justify-content:space-between}.ox-common-header .menu-toggle{display:block;flex:0 0 auto}.ox-common-header .nav-actions{margin-inline-start:auto}.ox-common-header .primary-nav{position:absolute!important;top:100%;right:14px;left:14px;display:none!important;align-items:stretch!important;justify-content:flex-start!important;flex-direction:column;gap:3px!important;max-height:min(74vh,650px);overflow-y:auto;overscroll-behavior:contain;padding:12px;background:#fff;border:1px solid #e2e8f4;border-radius:0 0 18px 18px;box-shadow:0 22px 44px rgba(29,44,91,.15)}.ox-common-header .primary-nav.is-open{display:flex!important}.ox-common-header .primary-nav>a,.ox-common-header .nav-dropdown>summary{width:100%;justify-content:flex-start;padding:11px 13px;font-size:13px!important}.ox-common-header .nav-dropdown{width:100%}.ox-common-header .nav-dropdown-menu{position:static;display:none;opacity:1;visibility:visible;pointer-events:auto;transform:none;width:100%;max-height:40vh;margin:4px 0 7px;padding:8px;box-shadow:none;border-radius:13px;background:#f8f9ff}.ox-common-header .nav-dropdown[open]>.nav-dropdown-menu{display:grid}.ox-common-header .nav-dropdown:hover>.nav-dropdown-menu{display:none}.ox-common-header .nav-dropdown[open]:hover>.nav-dropdown-menu{display:grid}}
@media(max-width:600px){.ox-common-header .identity{min-width:0}.ox-common-header .identity>img{width:42px!important;height:42px!important}.ox-common-header .identity b{font-size:14px}.ox-common-header .identity small{display:none}.ox-common-header .nav-entry{min-height:39px;padding:9px 12px!important;font-size:10.5px!important}.ox-common-footer .footer-top{display:flex;align-items:flex-start;flex-direction:column;gap:16px}.ox-common-footer .footer-brand-block{align-items:flex-start;flex-direction:column;gap:11px;width:100%}.ox-common-footer .footer-brand-block>p{max-width:100%;width:100%;white-space:normal!important;overflow:visible;overflow-wrap:anywhere;word-break:normal}.ox-common-footer .footer-top>nav{flex-wrap:wrap;margin:0;gap:12px 18px}.ox-common-footer .footer-bottom{flex-direction:column;gap:7px}}
@media(prefers-reduced-motion:reduce){.ox-common-header *{transition:none!important}}

/* Authentication pages use the exact same public header and footer as the rest of the site. */
.login-page.ox-has-public-shell{display:block;min-height:100vh;padding:0;}
.login-page.ox-has-public-shell .auth-shell{margin:34px auto;max-width:min(1120px,calc(100% - 32px));}
.login-page.ox-has-public-shell .ox-common-footer{display:block;width:100%;max-width:none;min-width:0;box-sizing:border-box;margin-top:36px;align-self:stretch;}
.login-page.ox-has-public-shell .ox-common-footer>.shell{width:min(1240px,94vw);max-width:none;box-sizing:border-box;}
@media(max-width:780px){.login-page.ox-has-public-shell .auth-shell{margin:18px auto;}}

/* Global public-shell contract: decorative links and a single sticky navigation. */
.ox-common-header{position:sticky!important;top:0!important;inset-block-start:0!important;align-self:start!important;transform:none!important}
.ox-common-header a,.ox-common-footer a{text-decoration:none!important}
.ox-common-header .nav-dropdown>summary{user-select:none}
.ox-common-header .nav-dropdown-menu{margin-top:0}
.ox-common-header .nav-dropdown-menu:before{top:-14px;height:14px}
/* The chevron follows desktop hover/focus as well as the native details open state. */
.ox-common-header .nav-dropdown:hover>summary .ox-nav-chevron,
.ox-common-header .nav-dropdown:focus-within>summary .ox-nav-chevron{transform:rotate(180deg);color:#4f5fd3;background:linear-gradient(145deg,#e8ebff,#f3efff);border-color:#d8ddfb;box-shadow:0 3px 9px rgba(84,96,207,.12)}

/* Footer legal line keeps the version badge immediately beside the ordix.ir anchor in both themes. */
.ox-common-footer .footer-legal{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.ox-common-footer .panel-version-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 9px;border:1px solid #dce3f2;border-radius:999px;background:linear-gradient(135deg,#f7f8ff,#edf1ff);color:#5965a5;font:700 10px/1.6 Vazirmatn,Shabnam;letter-spacing:.2px;white-space:nowrap}

/* Dark theme extension of the approved Ordix palette for the shared public header and footer. */
html[data-theme=dark] .ox-common-header{background:rgba(11,26,51,.92)!important;border-bottom-color:#24406b!important;box-shadow:0 8px 28px rgba(0,0,0,.4)!important}
html[data-theme=dark] .ox-common-header .identity{color:#e0e9fb}
html[data-theme=dark] .ox-common-header .identity b{color:#e0e9fb}
html[data-theme=dark] .ox-common-header .identity small{color:#9fb0cc}
html[data-theme=dark] .ox-common-header .primary-nav>a,html[data-theme=dark] .ox-common-header .nav-dropdown>summary{color:#c6d5f0!important}
html[data-theme=dark] .ox-common-header .primary-nav>a:hover,html[data-theme=dark] .ox-common-header .nav-dropdown>summary:hover,html[data-theme=dark] .ox-common-header .nav-dropdown[open]>summary{color:#a9c8ff!important}
html[data-theme=dark] .ox-common-header .ox-nav-chevron{border-color:#375780;background:linear-gradient(145deg,#152642,#1b3157);color:#a9c8ff}
html[data-theme=dark] .ox-common-header .nav-dropdown:hover>summary .ox-nav-chevron,html[data-theme=dark] .ox-common-header .nav-dropdown:focus-within>summary .ox-nav-chevron,html[data-theme=dark] .ox-common-header .nav-dropdown[open]>summary .ox-nav-chevron{border-color:#4f74b5;background:linear-gradient(145deg,#1b3357,#24406b);color:#cfe0ff}
html[data-theme=dark] .ox-common-header .nav-dropdown-menu{background:#152642;border-color:#24406b;box-shadow:0 22px 55px rgba(0,0,0,.5)}
html[data-theme=dark] .ox-common-header .nav-dropdown-menu>a{color:#cfe0f6}
html[data-theme=dark] .ox-common-header .nav-dropdown-menu>a:hover{background:#1d3357;color:#eaf1fc}
html[data-theme=dark] .ox-common-header .nav-dropdown-menu b{color:#e0e9fb}
html[data-theme=dark] .ox-common-header .nav-dropdown-menu small{color:#9fb0cc}
html[data-theme=dark] .ox-common-header .ox-feature-icon{background:linear-gradient(135deg,#1b3157,#24406b);color:#a9c8ff}
html[data-theme=dark] .ox-common-header .menu-toggle{border-color:#24406b;background:#152642;color:#c6d5f0}
html[data-theme=dark] .ox-common-footer{background:#0b1a33;border-top-color:#24406b}
html[data-theme=dark] .ox-common-footer .footer-ordix-brand{color:#e0e9fb}
html[data-theme=dark] .ox-common-footer .footer-ordix-brand b{color:#e0e9fb}
html[data-theme=dark] .ox-common-footer .footer-ordix-brand small{color:#9fb0cc}
html[data-theme=dark] .ox-common-footer .footer-brand-block>p{color:#b0bed3}
html[data-theme=dark] .ox-common-footer .footer-top>nav a,html[data-theme=dark] .ox-common-footer .footer-bottom a{color:#c3d2ec}
html[data-theme=dark] .ox-common-footer .footer-top>nav a:hover,html[data-theme=dark] .ox-common-footer .footer-bottom a:hover{color:#a9c8ff}
html[data-theme=dark] .ox-common-footer .footer-bottom{border-top-color:#24406b;color:#8ea0bd}
html[data-theme=dark] .ox-common-footer .panel-version-badge{border-color:#375780;background:linear-gradient(135deg,#152642,#1b3157);color:#c3d2ec}
@media(max-width:900px){html[data-theme=dark] .ox-common-header .primary-nav{background:#0f2140;border-color:#24406b}html[data-theme=dark] .ox-common-header .nav-dropdown-menu{background:#152642}}
@media(prefers-color-scheme:dark){.ox-common-header,.ox-common-footer{color-scheme:dark}}

/* Dropdown feature icons remain glyph-only rather than framed tiles. */
.ox-common-header .nav-dropdown-menu .ox-feature-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#5864d5;font-size:18px;line-height:1}
html[data-theme=dark] .ox-common-header .nav-dropdown-menu .ox-feature-icon{background:transparent!important;border:0!important;box-shadow:none!important;color:#a9c8ff}


/* Round 4: dropdown icons without square tiles, borders or hover plates. */
.ox-common-header .ox-nav-chevron,.ox-common-header .nav-dropdown:hover>summary .ox-nav-chevron,.ox-common-header .nav-dropdown:focus-within>summary .ox-nav-chevron,.ox-common-header .nav-dropdown[open]>summary .ox-nav-chevron{width:17px!important;height:17px!important;flex:0 0 17px!important;padding:0!important;margin-inline-start:5px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:currentColor!important}
.ox-common-header .ox-feature-icon,.ox-common-header .nav-dropdown-menu .ox-feature-icon,html[data-theme=dark] .ox-common-header .ox-feature-icon,html[data-theme=dark] .ox-common-header .nav-dropdown-menu .ox-feature-icon{width:24px!important;height:24px!important;flex:0 0 24px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:currentColor!important}

/* Dropdown feature symbols are glyphs, not icon tiles. */
.ox-common-header .nav-dropdown-menu .ox-feature-icon,.ox-common-header .nav-dropdown-menu .ox-feature-icon:hover,.ox-common-header .nav-dropdown-menu>a:hover .ox-feature-icon,.ox-common-header .nav-dropdown-menu>a:focus-visible .ox-feature-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;flex:0 0 24px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;color:currentColor!important}
.ox-common-header .nav-dropdown-menu>a{background:transparent!important}
.ox-common-header .nav-dropdown-menu>a:hover,.ox-common-header .nav-dropdown-menu>a:focus-visible{background:#f4f6fc!important}
html[data-theme=dark] .ox-common-header .nav-dropdown-menu>a:hover,html[data-theme=dark] .ox-common-header .nav-dropdown-menu>a:focus-visible{background:#1a2d4c!important}


/* Keep dropdown indicators as bare glyphs in all states and themes. */
.ox-common-header .nav-dropdown>summary .ox-nav-chevron,.ox-common-header .nav-dropdown>summary:hover .ox-nav-chevron,.ox-common-header .nav-dropdown:hover>summary .ox-nav-chevron,.ox-common-header .nav-dropdown:focus-within>summary .ox-nav-chevron,.ox-common-header .nav-dropdown[open]>summary .ox-nav-chevron{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;outline:0!important;color:currentColor!important}
.ox-common-header .nav-dropdown-menu .ox-feature-icon,.ox-common-header .nav-dropdown-menu>a:hover .ox-feature-icon,.ox-common-header .nav-dropdown-menu>a:focus-visible .ox-feature-icon{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;color:currentColor!important}

@media(max-width:900px){.login-page.ox-has-public-shell .ox-common-footer>.shell{width:calc(100% - 28px);}}

/* Color-coded vector icon tiles for the public dropdown navigation. */
.ox-common-header .nav-dropdown-menu .ox-feature-icon,
.ox-common-header .nav-dropdown-menu>a:hover .ox-feature-icon,
.ox-common-header .nav-dropdown-menu>a:focus-visible .ox-feature-icon,
html[data-theme=dark] .ox-common-header .nav-dropdown-menu .ox-feature-icon{
 display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;margin:0!important;
 border:1px solid var(--ox-menu-border,#dce4f4)!important;border-radius:14px!important;
 background:var(--ox-menu-bg,linear-gradient(145deg,#eef2ff,#f8faff))!important;
 box-shadow:0 5px 14px var(--ox-menu-shadow,rgba(51,65,120,.09)),inset 0 1px 0 rgba(255,255,255,.7)!important;
 color:var(--ox-menu-color,#5865d5)!important;font-size:0!important;line-height:1!important;
 transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.ox-common-header .ox-feature-icon svg{display:block!important;width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.ox-feature-icon--commerce{--ox-menu-color:#b7791f;--ox-menu-bg:linear-gradient(145deg,#fff3d8,#fffaf0);--ox-menu-border:#f5dfad;--ox-menu-shadow:rgba(191,135,36,.14)}
.ox-feature-icon--search{--ox-menu-color:#2563eb;--ox-menu-bg:linear-gradient(145deg,#e5f0ff,#f3f8ff);--ox-menu-border:#c9dcff;--ox-menu-shadow:rgba(37,99,235,.13)}
.ox-feature-icon--ai{--ox-menu-color:#8b5cf6;--ox-menu-bg:linear-gradient(145deg,#f0e9ff,#faf6ff);--ox-menu-border:#e1d3ff;--ox-menu-shadow:rgba(139,92,246,.13)}
.ox-feature-icon--social{--ox-menu-color:#db477f;--ox-menu-bg:linear-gradient(145deg,#ffe7f1,#fff6fa);--ox-menu-border:#f8cddd;--ox-menu-shadow:rgba(219,71,127,.13)}
.ox-feature-icon--leads{--ox-menu-color:#059669;--ox-menu-bg:linear-gradient(145deg,#ddf8ed,#f2fff9);--ox-menu-border:#bcebd7;--ox-menu-shadow:rgba(5,150,105,.12)}
.ox-feature-icon--inbox{--ox-menu-color:#0891b2;--ox-menu-bg:linear-gradient(145deg,#ddf7ff,#f1fcff);--ox-menu-border:#b9eaf5;--ox-menu-shadow:rgba(8,145,178,.12)}
.ox-feature-icon--comments{--ox-menu-color:#c17a16;--ox-menu-bg:linear-gradient(145deg,#fff1d9,#fffaf1);--ox-menu-border:#f3dfb8;--ox-menu-shadow:rgba(193,122,22,.12)}
.ox-feature-icon--queue{--ox-menu-color:#0d9488;--ox-menu-bg:linear-gradient(145deg,#dcf8f3,#f1fffc);--ox-menu-border:#b8e9e0;--ox-menu-shadow:rgba(13,148,136,.12)}
.ox-feature-icon--business{--ox-menu-color:#4f46e5;--ox-menu-bg:linear-gradient(145deg,#e8eaff,#f6f7ff);--ox-menu-border:#cfd3ff;--ox-menu-shadow:rgba(79,70,229,.12)}
.ox-feature-icon--reports{--ox-menu-color:#1d75c9;--ox-menu-bg:linear-gradient(145deg,#e2f2ff,#f4faff);--ox-menu-border:#c5e4fb;--ox-menu-shadow:rgba(29,117,201,.12)}
.ox-feature-icon--settings{--ox-menu-color:#64748b;--ox-menu-bg:linear-gradient(145deg,#edf1f7,#fafbfd);--ox-menu-border:#dbe2eb;--ox-menu-shadow:rgba(100,116,139,.1)}
.ox-feature-icon--security{--ox-menu-color:#0f9a72;--ox-menu-bg:linear-gradient(145deg,#e1f8ef,#f3fff9);--ox-menu-border:#c1ecd9;--ox-menu-shadow:rgba(15,154,114,.12)}
.ox-feature-icon--guide{--ox-menu-color:#5c67d8;--ox-menu-bg:linear-gradient(145deg,#e9eaff,#f8f8ff);--ox-menu-border:#d5d8ff;--ox-menu-shadow:rgba(92,103,216,.12)}
.ox-feature-icon--rocket{--ox-menu-color:#ea7a35;--ox-menu-bg:linear-gradient(145deg,#fff0e5,#fff9f3);--ox-menu-border:#f8d7c0;--ox-menu-shadow:rgba(234,122,53,.12)}
.ox-feature-icon--workspace{--ox-menu-color:#3977c8;--ox-menu-bg:linear-gradient(145deg,#e7f1ff,#f7faff);--ox-menu-border:#cedff8;--ox-menu-shadow:rgba(57,119,200,.12)}
.ox-common-header .nav-dropdown-menu>a:hover .ox-feature-icon,
.ox-common-header .nav-dropdown-menu>a:focus-visible .ox-feature-icon{transform:translateY(-2px) rotate(-3deg)!important;box-shadow:0 9px 19px var(--ox-menu-shadow),inset 0 1px 0 rgba(255,255,255,.7)!important}
html[data-theme=dark] .ox-common-header .nav-dropdown-menu .ox-feature-icon{background:var(--ox-menu-dark-bg,linear-gradient(145deg,#1b3157,#203b64))!important;border-color:var(--ox-menu-dark-border,#375780)!important;box-shadow:0 6px 15px rgba(0,0,0,.2)!important;color:var(--ox-menu-dark-color,var(--ox-menu-color))!important}
html[data-theme=dark] .ox-feature-icon--commerce{--ox-menu-dark-bg:linear-gradient(145deg,#43351e,#49391d);--ox-menu-dark-border:#6c552e;--ox-menu-dark-color:#f4c66f}
html[data-theme=dark] .ox-feature-icon--search{--ox-menu-dark-bg:linear-gradient(145deg,#1b365f,#1b416b);--ox-menu-dark-border:#315a8c;--ox-menu-dark-color:#8fc0ff}
html[data-theme=dark] .ox-feature-icon--ai{--ox-menu-dark-bg:linear-gradient(145deg,#322452,#3f2b65);--ox-menu-dark-border:#5a4388;--ox-menu-dark-color:#c4a6ff}
html[data-theme=dark] .ox-feature-icon--social{--ox-menu-dark-bg:linear-gradient(145deg,#4a263b,#582b46);--ox-menu-dark-border:#75415f;--ox-menu-dark-color:#ff9bc3}
html[data-theme=dark] .ox-feature-icon--leads{--ox-menu-dark-bg:linear-gradient(145deg,#183e39,#1b5144);--ox-menu-dark-border:#2d7461;--ox-menu-dark-color:#72e1b6}
html[data-theme=dark] .ox-feature-icon--inbox{--ox-menu-dark-bg:linear-gradient(145deg,#173b50,#1c4a60);--ox-menu-dark-border:#2e6a82;--ox-menu-dark-color:#7adcf3}
html[data-theme=dark] .ox-feature-icon--comments{--ox-menu-dark-bg:linear-gradient(145deg,#49351e,#564122);--ox-menu-dark-border:#765b32;--ox-menu-dark-color:#f6c978}
html[data-theme=dark] .ox-feature-icon--queue{--ox-menu-dark-bg:linear-gradient(145deg,#173d3a,#1e524b);--ox-menu-dark-border:#2b766d;--ox-menu-dark-color:#78dfd3}
html[data-theme=dark] .ox-feature-icon--business,html[data-theme=dark] .ox-feature-icon--guide{--ox-menu-dark-bg:linear-gradient(145deg,#242b58,#30396c);--ox-menu-dark-border:#46528b;--ox-menu-dark-color:#aeb8ff}
html[data-theme=dark] .ox-feature-icon--reports,html[data-theme=dark] .ox-feature-icon--workspace{--ox-menu-dark-bg:linear-gradient(145deg,#1b3957,#214a6d);--ox-menu-dark-border:#37658f;--ox-menu-dark-color:#9bcfff}
html[data-theme=dark] .ox-feature-icon--settings{--ox-menu-dark-bg:linear-gradient(145deg,#29384b,#33465f);--ox-menu-dark-border:#4d637e;--ox-menu-dark-color:#c5d3e5}
html[data-theme=dark] .ox-feature-icon--security{--ox-menu-dark-bg:linear-gradient(145deg,#183e39,#1e5547);--ox-menu-dark-border:#2d7863;--ox-menu-dark-color:#7ce0b8}
html[data-theme=dark] .ox-feature-icon--rocket{--ox-menu-dark-bg:linear-gradient(145deg,#4b3025,#583c2b);--ox-menu-dark-border:#80563d;--ox-menu-dark-color:#ffb27d}
@media(prefers-reduced-motion:reduce){.ox-common-header .nav-dropdown-menu .ox-feature-icon{transition:none!important}.ox-common-header .nav-dropdown-menu>a:hover .ox-feature-icon{transform:none!important}}


/* Dashboard store summaries — loaded after all panel styles so the KPI cards never inherit unstyled defaults. */
.panel-app .dash-store-summary{position:relative!important;isolation:isolate!important;overflow:hidden!important;margin:0 0 24px!important;padding:21px 22px 22px!important;border:1px solid #c8d6ee!important;border-radius:22px!important;background:linear-gradient(135deg,#fff 0%,#f5f8ff 55%,#edf3ff 100%)!important;box-shadow:0 15px 38px rgba(27,53,105,.12),0 3px 9px rgba(27,53,105,.06)!important}
.panel-app .dash-store-summary:before{content:"";position:absolute;z-index:-1;inset:0 auto 0 0;width:6px;background:linear-gradient(180deg,#f5c84b,#456bd4 55%,#23a88c)}
.panel-app .dash-store-summary:after{content:"";position:absolute;z-index:-1;inset:-90px -35px auto auto;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(73,113,213,.15),transparent 70%);pointer-events:none}
.panel-app .dash-store-summary-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin:0 0 17px!important;padding:0 0 14px!important;border-bottom:1px solid rgba(73,103,164,.18)!important}
.panel-app .dash-store-summary-head .dash-kicker{display:inline-flex!important;align-items:center!important;gap:7px!important;color:#6b7da4!important;font-size:10px!important;font-weight:900!important;letter-spacing:.04em}
.panel-app .dash-store-summary-head .dash-kicker:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#24a78a;box-shadow:0 0 0 4px rgba(36,167,138,.12)}
.panel-app .dash-store-summary-head h2{margin:4px 0 0!important;color:#19345f!important;font-size:19px!important;font-weight:950!important}
.panel-app .dash-store-summary-head>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:7px 12px!important;border:1px solid #d5e0f4!important;border-radius:11px!important;background:linear-gradient(135deg,#fff,#f1f5ff)!important;color:#385bb1!important;font-size:11px!important;font-weight:900!important;box-shadow:0 3px 9px rgba(44,70,125,.07)!important}
.panel-app .dash-store-summary-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:13px!important}
.panel-app .dash-store-summary-card{position:relative!important;display:grid!important;align-content:center!important;gap:8px!important;min-width:0!important;min-height:98px!important;overflow:hidden!important;padding:15px 16px!important;border:1px solid #d4def0!important;border-radius:17px!important;background:linear-gradient(145deg,#fff 0%,#f7f9ff 72%,#f0f5ff 100%)!important;box-shadow:0 6px 17px rgba(34,58,104,.075),inset 0 1px 0 #fff!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
.panel-app .dash-store-summary-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--store-kpi-accent,#5474c7)!important}
.panel-app .dash-store-summary-card:after{content:"";position:absolute;inset:auto -8px -8px auto;width:34px;height:34px;border-radius:50%;opacity:.45;background:var(--store-kpi-wash,rgba(84,116,199,.08))!important;pointer-events:none}
.panel-app .dash-store-summary-card:hover{transform:translateY(-2px)!important;box-shadow:0 10px 22px rgba(34,58,104,.11)!important}
.panel-app .dash-store-summary-card small{position:relative;z-index:1;color:#64738e!important;font-size:10.5px!important;font-weight:800!important;line-height:1.8!important}
.panel-app .dash-store-summary-card b{position:relative;z-index:1;color:#1d355e!important;font:950 clamp(18px,1.55vw,25px)/1.4 Shabnam,Vazirmatn,sans-serif!important;font-variant-numeric:tabular-nums!important;overflow-wrap:anywhere!important}
.panel-app .dash-store-summary-card--active,.panel-app .dash-store-summary-card--approved{--store-kpi-accent:#179a70;--store-kpi-wash:rgba(23,154,112,.10)}
.panel-app .dash-store-summary-card--pending{--store-kpi-accent:#d49524;--store-kpi-wash:rgba(212,149,36,.11)}
.panel-app .dash-store-summary-card--rejected{--store-kpi-accent:#c95762;--store-kpi-wash:rgba(201,87,98,.11)}
.panel-app .dash-store-summary-card--products,.panel-app .dash-store-summary-card--stock{--store-kpi-accent:#526bd0;--store-kpi-wash:rgba(82,107,208,.10)}
.panel-app .dash-store-summary-card--orders{--store-kpi-accent:#6765c9;--store-kpi-wash:rgba(103,101,201,.11)}
.panel-app .dash-store-summary-card--views{--store-kpi-accent:#168e9c;--store-kpi-wash:rgba(22,142,156,.10)}
.panel-app .dash-store-summary-card--revenue{--store-kpi-accent:#b58a2b;--store-kpi-wash:rgba(181,138,43,.12)}
.panel-app .dash-store-summary-card--muted{--store-kpi-accent:#8290a8;--store-kpi-wash:rgba(130,144,168,.10)}
.panel-app .dash-store-summary-card--revenue b{font-size:clamp(10px,1vw,14px)!important;line-height:1.5!important;letter-spacing:-.25px!important;overflow-wrap:anywhere!important;direction:ltr!important;text-align:start!important}

.panel-app .admin-store-dashboard{position:relative!important;isolation:isolate!important;overflow:hidden!important;margin:0 0 24px!important;padding:21px 22px 22px!important;border:1px solid #c8d6ee!important;border-radius:22px!important;background:linear-gradient(135deg,#fff 0%,#f4f7ff 58%,#edf3ff 100%)!important;box-shadow:0 15px 38px rgba(27,53,105,.12),0 3px 9px rgba(27,53,105,.06)!important}
.panel-app .admin-store-dashboard:before{content:"";position:absolute;z-index:-1;inset:0 auto 0 0;width:6px;background:linear-gradient(180deg,#f5c84b,#456bd4 55%,#23a88c)}
.panel-app .admin-store-dashboard-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin:0 0 17px!important;padding:0 0 14px!important;border-bottom:1px solid rgba(73,103,164,.18)!important}
.panel-app .admin-store-dashboard-head h2{margin:0!important;color:#19345f!important;font-size:19px!important;font-weight:950!important}
.panel-app .admin-store-dashboard-head p{margin:4px 0 0!important;color:#64738e!important;font-size:11px!important;line-height:1.9!important}
.panel-app .admin-store-dashboard-head>span{display:inline-flex!important;align-items:center!important;min-height:30px!important;padding:5px 10px!important;border:1px solid #d5e0f4!important;border-radius:999px!important;background:#fff!important;color:#526991!important;font-size:10px!important;font-weight:850!important}
.panel-app .admin-store-kpis-dashboard{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0!important}
.panel-app .admin-store-kpis-dashboard>article{position:relative!important;display:grid!important;align-content:center!important;gap:7px!important;min-width:0!important;min-height:94px!important;overflow:hidden!important;padding:14px 15px!important;border:1px solid #d9e2f2!important;border-radius:16px!important;background:linear-gradient(145deg,#fff 0%,#f7f9ff 100%)!important;box-shadow:0 5px 15px rgba(34,58,104,.07)!important}
.panel-app .admin-store-kpis-dashboard>article:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--admin-kpi-accent,#5474c7)!important}
.panel-app .admin-store-kpis-dashboard>article:after{content:"";position:absolute;inset:auto -8px -8px auto;width:34px;height:34px;border-radius:50%;opacity:.45;background:var(--admin-kpi-wash,rgba(84,116,199,.08))!important;pointer-events:none}
.panel-app .admin-store-kpis-dashboard>article small{position:relative;z-index:1;color:#64738e!important;font-size:10.5px!important;font-weight:800!important}
.panel-app .admin-store-kpis-dashboard>article b{position:relative;z-index:1;color:#1d355e!important;font:950 clamp(18px,1.55vw,25px)/1.4 Shabnam,Vazirmatn,sans-serif!important;font-variant-numeric:tabular-nums!important;overflow-wrap:anywhere!important}
.panel-app .admin-store-kpis-dashboard .is-active,.panel-app .admin-store-kpis-dashboard .is-approved{--admin-kpi-accent:#179a70;--admin-kpi-wash:rgba(23,154,112,.10)}
.panel-app .admin-store-kpis-dashboard .is-pending{--admin-kpi-accent:#d49524;--admin-kpi-wash:rgba(212,149,36,.11)}
.panel-app .admin-store-kpis-dashboard .is-rejected{--admin-kpi-accent:#c95762;--admin-kpi-wash:rgba(201,87,98,.11)}
.panel-app .admin-store-kpis-dashboard .is-products,.panel-app .admin-store-kpis-dashboard .is-stock{--admin-kpi-accent:#526bd0;--admin-kpi-wash:rgba(82,107,208,.10)}
.panel-app .admin-store-kpis-dashboard .is-views{--admin-kpi-accent:#168e9c;--admin-kpi-wash:rgba(22,142,156,.10)}
.panel-app .admin-store-kpis-dashboard .is-revenue{--admin-kpi-accent:#b58a2b;--admin-kpi-wash:rgba(181,138,43,.12)}
.panel-app .admin-store-kpis-dashboard .is-total{--admin-kpi-accent:#546fc9;--admin-kpi-wash:rgba(84,111,201,.10)}
.panel-app .admin-store-kpis-dashboard .is-unsubmitted{--admin-kpi-accent:#8290a8;--admin-kpi-wash:rgba(130,144,168,.10)}
.panel-app .admin-store-kpis-dashboard .is-rejected b{color:#b63f4c!important}
.panel-app .admin-store-kpis-dashboard .is-revenue b{font-size:clamp(14px,1.2vw,19px)!important}
html[data-theme=dark] .panel-app .dash-store-summary,html[data-theme=dark] .panel-app .admin-store-dashboard{border-color:#2d4a73!important;background:linear-gradient(135deg,#172d4d 0%,#142843 58%,#10233e 100%)!important;box-shadow:0 15px 38px rgba(0,0,0,.28)!important}
html[data-theme=dark] .panel-app .dash-store-summary-head,html[data-theme=dark] .panel-app .admin-store-dashboard-head{border-color:rgba(163,190,232,.18)!important}
html[data-theme=dark] .panel-app .dash-store-summary-head h2,html[data-theme=dark] .panel-app .admin-store-dashboard-head h2{color:#edf4ff!important}
html[data-theme=dark] .panel-app .dash-store-summary-head p,html[data-theme=dark] .panel-app .admin-store-dashboard-head p,html[data-theme=dark] .panel-app .admin-store-dashboard-head>span{color:#b4c6e2!important}
html[data-theme=dark] .panel-app .dash-store-summary-head>a{background:#1b365c!important;border-color:#355783!important;color:#c5d7ff!important}
html[data-theme=dark] .panel-app .dash-store-summary-card,html[data-theme=dark] .panel-app .admin-store-kpis-dashboard>article{border-color:#2d4a70!important;background:linear-gradient(145deg,#1b3457,#142a49)!important;box-shadow:0 5px 14px rgba(0,0,0,.18)!important}
html[data-theme=dark] .panel-app .dash-store-summary-card small,html[data-theme=dark] .panel-app .admin-store-kpis-dashboard>article small{color:#a9bddb!important}
html[data-theme=dark] .panel-app .dash-store-summary-card b,html[data-theme=dark] .panel-app .admin-store-kpis-dashboard>article b{color:#f1f6ff!important}
html[data-theme=dark] .panel-app .dash-store-summary-card--rejected b,html[data-theme=dark] .panel-app .admin-store-kpis-dashboard .is-rejected b{color:#ff9e9e!important}
html[data-theme=dark] .panel-app .dash-store-summary-card--products b,html[data-theme=dark] .panel-app .dash-store-summary-card--stock b,html[data-theme=dark] .panel-app .admin-store-kpis-dashboard .is-products b,html[data-theme=dark] .panel-app .admin-store-kpis-dashboard .is-stock b{color:#b5c2ff!important}
html[data-theme=dark] .panel-app .dash-store-summary-card--views b,html[data-theme=dark] .panel-app .admin-store-kpis-dashboard .is-views b{color:#7fdce5!important}
html[data-theme=dark] .panel-app .dash-store-summary-card--orders b{color:#c5c0ff!important}
@media(max-width:1100px){.panel-app .dash-store-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.panel-app .admin-store-kpis-dashboard{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:720px){.panel-app .dash-store-summary,.panel-app .admin-store-dashboard{padding:15px!important}.panel-app .dash-store-summary-grid,.panel-app .admin-store-kpis-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.panel-app .dash-store-summary-head,.panel-app .admin-store-dashboard-head{align-items:flex-start!important;flex-direction:column!important}.panel-app .dash-store-summary-card,.panel-app .admin-store-kpis-dashboard>article{min-height:82px!important;padding:11px!important}}