/* ShopNegar Panel 1.0.0 — unified commercial stylesheet */

/* === source: style.css === */
:root {
	 --primary: #17D6BE;
	 --primary-2: #0EA5A4;
	 --primary-soft: #DFFFF8;
	 --navy: #06191D;
	 --navy-2: #0B2C31;
	 --gold: #F7B731;
	 --bg: #F5FFFC;
	 --surface: #FFFFFF;
	 --surface-2: #F8FFFD;
	 --text: #071827;
	 --muted: #64748B;
	 --line: #DDEDEA;
	 --bad: #E11D48;
	 --bad-soft: #FFF1F2;
	 --warn: #F59E0B;
	 --warn-soft: #FFF7ED;
	 --ok: #10B981;
	 --ok-soft: #ECFDF5;
	 --info: #0EA5E9;
	 --info-soft: #EFF6FF;
	 --shadow: 0 18px 55px rgba(6, 25, 29, .09);
	 --sidebar-w: 302px;
}
 * {
	 box-sizing: border-box 
}
 html {
	 background: var(--bg) 
}
 body {
	 margin: 0;
	 min-height: 100vh;
	 color: var(--text);
	 font-family: Tahoma, Arial, "Segoe UI", sans-serif;
	 background: radial-gradient(circle at 100% 0%, rgba(23, 214, 190, .20), transparent 35%), radial-gradient(circle at 0% 8%, rgba(247, 183, 49, .10), transparent 28%), linear-gradient(180deg, #FBFFFD 0%, #F0FBF8 100%) 
}
 a {
	 color: inherit;
	 text-decoration: none 
}
 img {
	 max-width: 100% 
}
 .muted {
	 color: var(--muted);
	 line-height: 1.9 
}
 .ltr {
	 direction: ltr;
	 text-align: left 
}
 .app-shell {
	 display: grid;
	 grid-template-columns: var(--sidebar-w) 1fr;
	 min-height: 100vh 
}
 .sidebar {
	 position: sticky;
	 top: 0;
	 height: 100vh;
	 overflow: auto;
	 padding: 20px 16px;
	 display: flex;
	 flex-direction: column;
	 background: radial-gradient(circle at 20% 0%, rgba(23, 214, 190, .22), transparent 32%), linear-gradient(180deg, var(--navy), var(--navy-2));
	 color: #5f86aa;
	 box-shadow: -18px 0 60px rgba(6, 25, 29, .20);
	 z-index: 30 
}
 .brand-card {
	 display: flex;
	 align-items: center;
	 gap: 12px;
	 padding: 13px;
	 border-radius: 26px;
	 background: rgba(255, 255, 255, .07);
	 border: 1px solid rgba(23, 214, 190, .22);
	 box-shadow: 0 18px 38px rgba(0, 0, 0, .16);
	 margin-bottom: 22px 
}
 .brand-logo-wrap {
	 width: 60px;
	 height: 60px;
	 min-width: 60px;
	 display: grid;
	 place-items: center;
	 border-radius: 22px;
	 background: rgba(255, 255, 255, .06);
	 border: 1px solid rgba(23, 214, 190, .30);
	 overflow: hidden 
}
 .brand-logo-wrap img {
	 width: 84%;
	 height: 84%;
	 object-fit: contain 
}
 .brand-logo-wrap span {
	 display: none;
	 color: var(--primary);
	 font-weight: 950 
}
 .brand-title {
	 font-size: 20px;
	 font-weight: 950;
	 letter-spacing: -.02em 
}
 .brand-subtitle {
	 color: #A7F3E7;
	 font-size: 11.5px;
	 line-height: 1.7;
	 margin-top: 2px 
}
 .nav-section-title {
	 color: #BCEFE7;
	 font-size: 11px;
	 font-weight: 900;
	 margin: 17px 10px 8px;
	 letter-spacing: .02em 
}
 .nav-list {
	 display: grid;
	 gap: 6px 
}
 .nav-item {
	 display: flex;
	 align-items: center;
	 gap: 10px;
	 min-height: 48px;
	 padding: 10px 12px;
	 border-radius: 18px;
	 color: #DDFCF6;
	 transition: .15s ease 
}
 .nav-item span {
	 width: 28px;
	 height: 28px;
	 display: grid;
	 place-items: center;
	 border-radius: 11px;
	 background: rgba(255, 255, 255, .07) 
}
 .nav-item b {
	 font-size: 13px 
}
 .nav-item:hover {
	 background: rgba(255, 255, 255, .08);
	 transform: translateX(-2px) 
}
 .nav-item.active {
	 background: linear-gradient(135deg, var(--primary), var(--primary-2));
	 color: var(--navy);
	 box-shadow: 0 14px 34px rgba(23, 214, 190, .22) 
}
 .nav-item.active span {
	 background: rgba(6, 25, 29, .08) 
}
 .sidebar-footer {
	 margin-top: auto;
	 padding-top: 18px 
}
 .user-pill {
	 display: flex;
	 align-items: center;
	 gap: 10px;
	 padding: 12px;
	 border-radius: 20px;
	 background: rgba(255, 255, 255, .07);
	 border: 1px solid rgba(255, 255, 255, .10) 
}
 .user-pill span {
	 width: 38px;
	 height: 38px;
	 display: grid;
	 place-items: center;
	 border-radius: 15px;
	 background: rgba(23, 214, 190, .14) 
}
 .user-pill b {
	 display: block 
}
 .user-pill small {
	 color: #A7F3E7 
}
 .logout-link {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 margin-top: 10px;
	 height: 44px;
	 border-radius: 16px;
	 background: rgba(255, 255, 255, .08);
	 color: #FEE2E2;
	 font-weight: 900 
}
 .main {
	 min-width: 0 
}
 .mobile-topbar {
	 display: none 
}
 .content-wrap {
	 padding: 26px;
	 max-width: 1400px;
	 margin: 0 auto 
}
 .page-hero {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 gap: 16px;
	 margin-bottom: 18px 
}
 .page-kicker {
	 display: inline-flex;
	 align-items: center;
	 gap: 6px;
	 padding: 6px 11px;
	 border-radius: 999px;
	 background: var(--primary-soft);
	 color: #08756D;
	 font-size: 11px;
	 font-weight: 950 
}
 .page-title {
	 font-size: 28px;
	 line-height: 1.45;
	 margin: 8px 0 4px;
	 letter-spacing: -.03em 
}
 .page-actions {
	 display: flex;
	 gap: 8px;
	 align-items: center;
	 flex-wrap: wrap 
}
 .topbar {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 14px;
	 margin-bottom: 18px 
}
 .grid {
	 display: grid;
	 grid-template-columns: repeat(4, minmax(0, 1fr));
	 gap: 14px;
	 margin-bottom: 16px 
}
 .grid-2 {
	 display: grid;
	 grid-template-columns: repeat(2, minmax(0, 1fr));
	 gap: 14px;
	 margin-bottom: 16px 
}
 .quick-grid {
	 display: grid;
	 grid-template-columns: repeat(4, minmax(0, 1fr));
	 gap: 14px;
	 margin: 16px 0 
}
 .card, .quick-card {
	 background: rgba(255, 255, 255, .86);
	 border: 1px solid rgba(14, 165, 164, .12);
	 border-radius: 28px;
	 box-shadow: var(--shadow);
	 backdrop-filter: blur(8px) 
}
 .card {
	 padding: 18px;
	 margin-bottom: 16px 
}
 .glass {
	 background: rgba(255, 255, 255, .70) 
}
 .quick-card {
	 padding: 16px;
	 display: flex;
	 align-items: center;
	 gap: 12px;
	 transition: .15s ease 
}
 .quick-card:hover {
	 transform: translateY(-2px);
	 box-shadow: 0 22px 55px rgba(6, 25, 29, .12) 
}
 .quick-card .icon {
	 width: 48px;
	 height: 48px;
	 display: grid;
	 place-items: center;
	 border-radius: 18px;
	 background: linear-gradient(135deg, var(--primary), var(--gold));
	 color: var(--navy);
	 font-size: 22px 
}
 .stat {
	 position: relative;
	 overflow: hidden 
}
 .stat:after {
	 content: "";
	 position: absolute;
	 left: -45px;
	 bottom: -55px;
	 width: 140px;
	 height: 140px;
	 border-radius: 999px;
	 background: rgba(23, 214, 190, .10) 
}
 .metric-row {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px 
}
 .label {
	 font-size: 12px;
	 color: var(--muted);
	 font-weight: 900 
}
 .num {
	 font-size: 28px;
	 font-weight: 950;
	 margin-top: 6px 
}
 .hint {
	 font-size: 11.5px;
	 color: #7c9290;
	 line-height: 1.8 
}
 .metric-icon {
	 width: 56px;
	 height: 56px;
	 display: grid;
	 place-items: center;
	 border-radius: 21px;
	 background: linear-gradient(135deg, #E6FFFA, #FFF7DF);
	 font-size: 24px 
}
 .card-header {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 margin-bottom: 14px 
}
 .card-title {
	 font-size: 18px;
	 font-weight: 950 
}
 .card-subtitle {
	 font-size: 12px;
	 color: var(--muted);
	 margin-top: 4px 
}
 .searchbox input {
	 min-width: 240px 
}
 .table-wrap {
	 overflow: auto;
	 border: 1px solid rgba(14, 165, 164, .12);
	 border-radius: 22px;
	 background: #fff 
}
 table {
	 width: 100%;
	 border-collapse: collapse;
	 min-width: 720px 
}
 th, td {
	 padding: 13px 14px;
	 border-bottom: 1px solid #edf4f2;
	 text-align: right;
	 vertical-align: middle 
}
 th {
	 background: #f5fffc;
	 color: #315c5a;
	 font-size: 12px;
	 font-weight: 950;
	 position: sticky;
	 top: 0 
}
 tr:hover td {
	 background: #fbfffd 
}
 .btn, button {
	 border: 0;
	 border-radius: 17px;
	 background: linear-gradient(135deg, var(--primary), var(--primary-2));
	 color: var(--navy);
	 padding: 11px 15px;
	 min-height: 44px;
	 cursor: pointer;
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 gap: 7px;
	 font-family: inherit;
	 font-weight: 950;
	 box-shadow: 0 12px 26px rgba(23, 214, 190, .18);
	 transition: .15s ease 
}
 .btn:hover, button:hover {
	 transform: translateY(-1px);
	 box-shadow: 0 18px 35px rgba(23, 214, 190, .22) 
}
 .btn.secondary, button.secondary {
	 background: #F3FFFC;
	 color: #174346;
	 border: 1px solid rgba(14, 165, 164, .16);
	 box-shadow: none 
}
 .btn.danger, button.danger {
	 background: var(--bad);
	 color: #fff 
}
 .btn.ok, button.ok {
	 background: var(--ok);
	 color: #fff 
}
 .btn.gold, button.gold {
	 background: linear-gradient(135deg, var(--gold), #F97316);
	 color: #211407 
}
 button:disabled {
	 opacity: .58;
	 cursor: not-allowed;
	 transform: none 
}
 .form-grid {
	 display: grid;
	 grid-template-columns: repeat(3, minmax(0, 1fr));
	 gap: 14px 
}
 .form-grid .full {
	 grid-column: 1/-1 
}
 .form-section {
	 border: 1px solid rgba(14, 165, 164, .12);
	 border-radius: 22px;
	 padding: 16px;
	 background: var(--surface-2);
	 margin-bottom: 14px 
}
 .form-section-title {
	 font-weight: 950;
	 margin-bottom: 10px 
}
 input, select, textarea {
	 width: 100%;
	 border: 1px solid var(--line);
	 border-radius: 16px;
	 padding: 12px;
	 background: white;
	 font-family: inherit;
	 color: var(--text);
	 outline: none;
	 transition: .15s ease;
	 min-height: 45px 
}
 input:focus, select:focus, textarea:focus {
	 border-color: var(--primary);
	 box-shadow: 0 0 0 4px rgba(23, 214, 190, .13) 
}
 input[type="checkbox"] {
	 width: 20px;
	 height: 20px;
	 min-height: 20px;
	 accent-color: var(--primary) 
}
 label {
	 font-size: 13px;
	 color: #334155;
	 margin-bottom: 7px;
	 display: block;
	 font-weight: 900 
}
 .badge {
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 gap: 6px;
	 padding: 6px 11px;
	 border-radius: 999px;
	 background: #e5e7eb;
	 font-size: 12px;
	 font-weight: 950;
	 white-space: nowrap 
}
 .badge.ok {
	 background: var(--ok-soft);
	 color: #166534 
}
 .badge.warn {
	 background: var(--warn-soft);
	 color: #92400e 
}
 .badge.bad {
	 background: var(--bad-soft);
	 color: #991b1b 
}
 .badge.info {
	 background: var(--info-soft);
	 color: #075985 
}
 .empty {
	 padding: 36px 20px;
	 text-align: center;
	 color: var(--muted);
	 background: linear-gradient(135deg, #fff, #f7fffc);
	 border: 1px dashed rgba(14, 165, 164, .24);
	 border-radius: 24px;
	 line-height: 1.9 
}
 .thumb {
	 width: 62px;
	 height: 62px;
	 object-fit: cover;
	 border-radius: 18px;
	 border: 1px solid rgba(14, 165, 164, .13);
	 background: #f8fffd 
}
 .preview {
	 max-width: 260px;
	 max-height: 210px;
	 border-radius: 20px;
	 border: 1px solid rgba(14, 165, 164, .13);
	 background: #f8fffd;
	 object-fit: cover 
}
 .inline {
	 display: flex;
	 gap: 8px;
	 align-items: end;
	 flex-wrap: wrap 
}
 .inline input {
	 min-width: 220px 
}
 .chart {
	 display: grid;
	 gap: 12px 
}
 .bar-row {
	 display: grid;
	 grid-template-columns: 120px 1fr 150px;
	 gap: 12px;
	 align-items: center 
}
 .bar-track {
	 height: 18px;
	 background: #E6FFFA;
	 border-radius: 999px;
	 overflow: hidden 
}
 .bar {
	 height: 100%;
	 background: linear-gradient(90deg, var(--primary), var(--primary-2), var(--gold));
	 border-radius: 999px 
}
 .progress {
	 height: 10px;
	 background: #e2e8f0;
	 border-radius: 999px;
	 overflow: hidden 
}
 .progress span {
	 display: block;
	 height: 100%;
	 background: linear-gradient(90deg, var(--primary), var(--gold));
	 border-radius: 999px 
}
 code {
	 background: #effaf7;
	 padding: 3px 7px;
	 border-radius: 8px;
	 color: #0f3c3f 
}
 .mini-note {
	 font-size: 12px;
	 color: var(--muted);
	 line-height: 1.8 
}
 .status-dot {
	 width: 9px;
	 height: 9px;
	 border-radius: 99px;
	 background: var(--ok);
	 display: inline-block;
	 box-shadow: 0 0 0 4px rgba(16, 185, 129, .12) 
}
 .login {
	 min-height: 100vh;
	 display: grid;
	 place-items: center;
	 padding: 20px;
	 background: radial-gradient(circle at 12% 12%, rgba(23, 214, 190, .24), transparent 34%), radial-gradient(circle at 92% 0%, rgba(247, 183, 49, .15), transparent 26%), linear-gradient(180deg, #FBFFFD, #ECFAF6) 
}
 .login-shell {
	 width: min(980px, 100%);
	 display: grid;
	 grid-template-columns: 1.05fr .95fr;
	 gap: 20px;
	 align-items: stretch 
}
 .login-hero {
	 position: relative;
	 overflow: hidden;
	 border-radius: 34px;
	 padding: 34px;
	 color: white;
	 background: radial-gradient(circle at 18% 18%, rgba(23, 214, 190, .30), transparent 34%), linear-gradient(135deg, var(--navy), var(--navy-2) 62%, var(--primary-2));
	 box-shadow: var(--shadow) 
}
 .login-hero:after {
	 content: "";
	 position: absolute;
	 left: -60px;
	 bottom: -60px;
	 width: 210px;
	 height: 210px;
	 border-radius: 999px;
	 background: rgba(255, 255, 255, .11) 
}
 .login-hero h1 {
	 font-size: 34px;
	 color: white;
	 line-height: 1.45;
	 margin: 26px 0 10px 
}
 .login-hero p {
	 color: #D5FFF8;
	 line-height: 2 
}
 .login .card {
	 width: 100%;
	 margin: 0 
}
 .hero-bullets {
	 display: grid;
	 gap: 10px;
	 margin-top: 28px 
}
 .hero-bullets div {
	 background: rgba(255, 255, 255, .12);
	 border: 1px solid rgba(255, 255, 255, .15);
	 padding: 11px 13px;
	 border-radius: 18px;
	 color: #F5FFFC 
}
 .login form button {
	 width: 100% 
}
 @media(max-width:1180px) {
	 .grid, .quick-grid {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) 
	}
	 .form-grid {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) 
	}
	 .bar-row {
		 grid-template-columns: 90px 1fr 120px 
	}
	 .sidebar {
		 --sidebar-w: 282px 
	}
}
 @media(max-width:860px) {
	 .app-shell {
		 display: block 
	}
	 .sidebar {
		 position: fixed;
		 right: 0;
		 top: 0;
		 bottom: 0;
		 width: 290px;
		 height: auto;
		 transform: translateX(105%);
		 transition: .2s ease 
	}
	 .sidebar-open .sidebar {
		 transform: translateX(0) 
	}
	 .mobile-topbar {
		 display: flex;
		 align-items: center;
		 justify-content: space-between;
		 padding: 12px 16px;
		 background: rgba(255, 255, 255, .88);
		 border-bottom: 1px solid rgba(14, 165, 164, .12);
		 position: sticky;
		 top: 0;
		 z-index: 20;
		 backdrop-filter: blur(14px);
		 font-weight: 950 
	}
	 .icon-button {
		 width: 42px;
		 height: 42px;
		 padding: 0 
	}
	 .content-wrap {
		 padding: 18px 
	}
	 .grid, .grid-2, .quick-grid, .form-grid {
		 grid-template-columns: 1fr 
	}
	 .page-hero, .topbar, .card-header {
		 display: block 
	}
	 .page-actions {
		 margin-top: 12px 
	}
	 .login-shell {
		 grid-template-columns: 1fr 
	}
	 .login-hero {
		 display: none 
	}
	 .table-wrap {
		 border-radius: 18px 
	}
	 th, td {
		 padding: 11px 
	}
	 .bar-row {
		 grid-template-columns: 1fr 
	}
	 .sidebar-footer {
		 padding-bottom: 20px 
	}
	 .searchbox input {
		 min-width: 100%;
		 margin-top: 10px 
	}
}
/* ===== ShopNegar Panel UX v2 ===== */
 :root {
	 --panel-bg: #F4FFFC;
	 --panel-card: #FFFFFF;
	 --panel-border: rgba(14, 165, 164, .16);
	 --panel-text: #071827;
	 --panel-muted: #64748b;
	 --panel-primary: #13CFC0;
	 --panel-primary-2: #0EA5A4;
	 --panel-gold: #F7B731;
	 --panel-danger: #EF4444;
}
 body {
	 color: var(--panel-text);
	 background: radial-gradient(circle at 94% 4%, rgba(19, 207, 192, .18), transparent 32%), radial-gradient(circle at 8% 2%, rgba(247, 183, 49, .10), transparent 28%), linear-gradient(180deg, #F9FFFD 0%, #F1FBF8 100%) !important;
}
 .main, .content, .page, .page-content {
	 min-height: 100vh;
}
 .page-hero, .header, .page-header {
	 position: relative;
	 padding: 22px 0 18px;
}
 .page-title, h1 {
	 letter-spacing: -.035em;
	 font-weight: 950;
	 color: #071827;
}
 .page-kicker {
	 display: inline-flex;
	 align-items: center;
	 gap: 6px;
	 padding: 6px 11px;
	 border-radius: 999px;
	 font-weight: 950;
	 background: #E1FFF9;
	 color: #08756D;
	 border: 1px solid rgba(14, 165, 164, .14);
}
 .card, .panel, .form-card {
	 background: rgba(255, 255, 255, .88);
	 border: 1px solid var(--panel-border);
	 border-radius: 28px;
	 box-shadow: 0 20px 55px rgba(6, 25, 29, .08);
	 backdrop-filter: blur(18px);
}
 .card-title, .form-title, h2, h3 {
	 letter-spacing: -.025em;
	 font-weight: 950;
	 color: #071827;
}
 .card-subtitle, .muted, small {
	 color: var(--panel-muted);
}
 form {
	 accent-color: var(--panel-primary);
}
 label {
	 font-weight: 900;
	 color: #26394a;
	 margin-bottom: 7px;
}
 input, select, textarea {
	 min-height: 50px;
	 border-radius: 17px !important;
	 border: 1px solid rgba(14, 165, 164, .20) !important;
	 background: rgba(255, 255, 255, .84);
	 color: #071827;
	 box-shadow: 0 8px 22px rgba(6, 25, 29, .035);
}
 textarea {
	 min-height: 120px;
	 line-height: 1.9;
}
 input:hover, select:hover, textarea:hover {
	 border-color: rgba(14, 165, 164, .34) !important;
}
 input:focus, select:focus, textarea:focus {
	 outline: 0;
	 border-color: var(--panel-primary) !important;
	 box-shadow: 0 0 0 4px rgba(19, 207, 192, .14), 0 10px 26px rgba(6, 25, 29, .06) !important;
	 background: #fff;
}
 input[type="file"] {
	 padding: 12px;
	 background: #FBFFFE;
}
 input[type="date"] {
	 direction: ltr;
	 text-align: right;
	 font-feature-settings: "tnum";
}
 input[type="date"]::before {
	 color: #94a3b8;
}
 button, .btn, .button, input[type="submit"] {
	 min-height: 46px;
	 border-radius: 16px !important;
	 font-weight: 950;
	 border: 0;
	 background: linear-gradient(135deg, var(--panel-primary), var(--panel-primary-2));
	 color: #041316;
	 box-shadow: 0 14px 32px rgba(19, 207, 192, .20);
	 transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
 button:hover, .btn:hover, .button:hover {
	 filter: saturate(1.08);
	 transform: translateY(-1px);
	 box-shadow: 0 18px 40px rgba(19, 207, 192, .25);
}
 button:active, .btn:active, .button:active {
	 transform: translateY(0) scale(.99);
}
 button.secondary, .btn.secondary, .secondary {
	 background: #FFFFFF !important;
	 color: #0f766e !important;
	 border: 1px solid rgba(14, 165, 164, .20) !important;
	 box-shadow: 0 10px 24px rgba(6, 25, 29, .045) !important;
}
 button.danger, .btn.danger, .danger {
	 background: #fff1f2 !important;
	 color: #be123c !important;
	 border: 1px solid #fecdd3 !important;
}
 .table-wrap {
	 border-radius: 24px;
	 border: 1px solid rgba(14, 165, 164, .12);
	 overflow: hidden;
	 background: #fff;
	 box-shadow: 0 16px 44px rgba(6, 25, 29, .06);
}
 table {
	 border-collapse: separate;
	 border-spacing: 0;
}
 thead th {
	 background: #F0FFFB;
	 color: #0f3c3f;
	 font-weight: 950;
}
 tbody tr {
	 transition: background .15s ease;
}
 tbody tr:hover {
	 background: #FAFFFD;
}
 .badge {
	 border-radius: 999px;
	 padding: 6px 10px;
	 font-weight: 950;
}
 .badge.ok {
	 background: #DCFCE7;
	 color: #166534;
}
 .badge.warn {
	 background: #FEF3C7;
	 color: #92400e;
}
 .badge.bad {
	 background: #FFE4E6;
	 color: #be123c;
}
 .searchbox input, input[type="search"] {
	 background: #fff;
	 border-radius: 18px !important;
}
 .form-grid {
	 gap: 20px !important;
}
 .form-grid>div {
	 position: relative;
}
 .form-grid .full {
	 grid-column: 1 / -1;
}
 .product-form-hint {
	 display: block;
	 margin-top: 6px;
	 font-size: 12px;
	 color: #64748b;
}
 .panel-helper-box {
	 margin: 14px 0;
	 padding: 14px;
	 border-radius: 20px;
	 background: linear-gradient(135deg, #F4FFFC, #FFFFFF);
	 border: 1px solid rgba(14, 165, 164, .14);
	 color: #345;
}
 .date-help {
	 display: block;
	 margin-top: 6px;
	 color: #64748b;
	 font-size: 12px;
}
 @media (max-width:900px) {
	 .form-grid {
		 grid-template-columns: 1fr !important;
	}
	 .card, .panel, .form-card {
		 border-radius: 22px;
	}
	 input, select, textarea {
		 min-height: 48px;
	}
}
/* ===== Product Professional Fields v1 ===== */
 .product-form-hint {
	 display: block;
	 margin-top: 7px;
	 font-size: 12px;
	 line-height: 1.8;
	 color: #64748b;
}
 #products-table td b {
	 font-weight: 950;
}
 #products-table .badge {
	 white-space: nowrap;
}
 .form-grid select[name="product_type"], .form-grid select[name="unit"], .form-grid select[name="stock_mode"] {
	 background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(244, 255, 252, .96));
}
/* ===== Product Form Cleanup & Attributes v1 ===== */
 .sidebar a[href*="licenses"], .nav a[href*="licenses"], aside a[href*="licenses"] {
	 display: none !important;
}
 .product-attrs-card {
	 padding: 16px;
	 border-radius: 22px;
	 background: linear-gradient(135deg, #F8FFFD, #FFFFFF);
	 border: 1px solid rgba(14, 165, 164, .14);
}
 .product-attrs-head {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 gap: 12px;
	 margin-bottom: 12px;
}
 .product-attrs-head b {
	 display: block;
	 font-weight: 950;
	 color: #071827;
	 margin-bottom: 4px;
}
 .product-attrs-head span {
	 display: block;
	 font-size: 12px;
	 line-height: 1.8;
	 color: #64748b;
}
 .attrs-grid {
	 display: grid;
	 gap: 10px;
}
 .attr-row {
	 display: grid;
	 grid-template-columns: 1fr 1fr auto;
	 gap: 10px;
	 align-items: center;
}
 .attr-row button {
	 min-width: 44px;
	 padding: 0 12px;
}
 @media (max-width:760px) {
	 .product-attrs-head, .attr-row {
		 grid-template-columns: 1fr;
		 display: grid;
	}
}
/* ===== Product Form Cleanup & Attributes v2 ===== */
 .sidebar a[href*="licenses"], .nav a[href*="licenses"], aside a[href*="licenses"] {
	 display: none !important;
}
 .product-attrs-card {
	 padding: 16px;
	 border-radius: 22px;
	 background: linear-gradient(135deg, #F8FFFD, #FFFFFF);
	 border: 1px solid rgba(14, 165, 164, .14);
}
 .product-attrs-head {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 gap: 12px;
	 margin-bottom: 12px;
}
 .product-attrs-head b {
	 display: block;
	 font-weight: 950;
	 color: #071827;
	 margin-bottom: 4px;
}
 .product-attrs-head span {
	 display: block;
	 font-size: 12px;
	 line-height: 1.8;
	 color: #64748b;
}
 .attrs-grid {
	 display: grid;
	 gap: 10px;
}
 .attr-row {
	 display: grid;
	 grid-template-columns: 1fr 1fr auto;
	 gap: 10px;
	 align-items: center;
}
 .attr-row button {
	 min-width: 44px;
	 padding: 0 12px;
}
 @media (max-width:760px) {
	 .product-attrs-head, .attr-row {
		 display: grid;
		 grid-template-columns: 1fr;
	}
}
/* ===== Jalali Date Inputs v1 ===== */
 .jalali-date-input {
	 direction: ltr !important;
	 text-align: right !important;
	 font-feature-settings: "tnum";
	 background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(244, 255, 252, .96)) !important;
}
 .jalali-date-input.jalali-invalid {
	 border-color: #fb7185 !important;
	 box-shadow: 0 0 0 4px rgba(244, 63, 94, .12) !important;
	 background: #fff7f7 !important;
}
 .jalali-date-help {
	 display: block;
	 margin-top: 6px;
	 font-size: 12px;
	 line-height: 1.7;
	 color: #64748b;
}
/* ===== Product Edit UX v1 ===== */
 .edit-product-pro-grid {
	 display: grid;
	 grid-template-columns: repeat(2, minmax(0, 1fr));
	 gap: 14px;
	 padding: 14px;
	 border-radius: 22px;
	 background: linear-gradient(135deg, #F8FFFD, #FFFFFF);
	 border: 1px solid rgba(14, 165, 164, .13);
}
 .product-attrs-card {
	 padding: 16px;
	 border-radius: 22px;
	 background: linear-gradient(135deg, #F8FFFD, #FFFFFF);
	 border: 1px solid rgba(14, 165, 164, .14);
}
 .product-attrs-head {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 gap: 12px;
	 margin-bottom: 12px;
}
 .product-attrs-head b {
	 display: block;
	 font-weight: 950;
	 color: #071827;
	 margin-bottom: 4px;
}
 .product-attrs-head span {
	 display: block;
	 font-size: 12px;
	 line-height: 1.8;
	 color: #64748b;
}
 .attrs-grid {
	 display: grid;
	 gap: 10px;
}
 .attr-row {
	 display: grid;
	 grid-template-columns: 1fr 1fr auto;
	 gap: 10px;
	 align-items: center;
}
 .attr-row .attr-remove-btn, .attr-row [data-remove-attr-row] {
	 min-width: 44px;
	 padding: 0 12px;
}
 @media (max-width:760px) {
	 .edit-product-pro-grid, .product-attrs-head, .attr-row {
		 display: grid;
		 grid-template-columns: 1fr;
	}
}
/* ===== Product Attribute Inputs v3 ===== */
 .attr-row input[data-attr-name], .attr-row input[data-attr-value] {
	 direction: rtl;
}
 .attr-row input[data-attr-name] {
	 font-weight: 900;
}
 .attr-row input[data-attr-value] {
	 color: #071827;
}
 .product-attrs-head span::after {
	 content: " نام ویژگی حداکثر ۳۲ کاراکتر و مقدار حداکثر ۹۰ کاراکتر است.";
	 display: block;
	 margin-top: 3px;
	 color: #0f766e;
	 font-weight: 800;
}
/* ===== ShopNegar Patch v2: compact UI + modal forms ===== */
 .content-wrap {
	 max-width: 1180px 
}
 .card {
	 padding: 18px;
	 border-radius: 24px 
}
 .compact-card {
	 padding: 16px !important 
}
 .grid, .grid-2 {
	 gap: 14px 
}
 .page-hero {
	 margin-bottom: 18px 
}
 .form-grid {
	 gap: 12px 
}
 .table-wrap table th, .table-wrap table td {
	 padding: 11px 12px 
}
 .page-actions {
	 gap: 8px 
}
 .btn, button, .secondary {
	 min-height: 40px 
}
 .form-section {
	 padding: 12px;
	 border-radius: 18px 
}
 .form-section-title {
	 margin-bottom: 10px 
}
 .logo-upload-row {
	 display: flex;
	 align-items: center;
	 gap: 14px 
}
 .logo-preview {
	 width: 76px;
	 height: 76px;
	 border-radius: 22px;
	 object-fit: contain;
	 background: #f8fffd;
	 border: 1px solid rgba(14, 165, 164, .18);
	 padding: 8px 
}
 .inline-check {
	 display: flex !important;
	 align-items: center;
	 gap: 8px 
}
 .inline-check input {
	 width: auto;
	 min-height: auto;
	 margin: 0 
}
 .modal-open-btn {
	 margin: 0 0 12px 
}
 .modal-form-backdrop {
	 position: fixed;
	 inset: 0;
	 z-index: 100;
	 background: rgba(6, 25, 29, .45);
	 display: grid;
	 place-items: center;
	 padding: 18px;
	 backdrop-filter: blur(4px) 
}
 .modal-form-card {
	 width: min(760px, 100%);
	 max-height: 92vh;
	 overflow: auto;
	 background: #fff;
	 border-radius: 26px;
	 box-shadow: 0 30px 80px rgba(6, 25, 29, .28);
	 padding: 16px 
}
 .modal-form-head {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 margin-bottom: 12px 
}
 .modal-form-head b {
	 font-size: 18px 
}
 .modalized-card {
	 box-shadow: none !important;
	 border: 0 !important;
	 padding: 0 !important 
}
 .modalized-card>.card-title:first-child {
	 display: none 
}
 .provider-fields {
	 display: grid;
	 gap: 10px 
}
 .provider-custom-field textarea {
	 font-family: ui-monospace, Consolas, monospace;
	 direction: ltr 
}
 .hidden {
	 display: none !important 
}
 @media(max-width:760px) {
	 .logo-upload-row {
		 display: grid 
	}
	 .card {
		 padding: 14px 
	}
	 .modal-form-backdrop {
		 padding: 10px 
	}
	 .modal-form-card {
		 border-radius: 22px 
	}
}
/* ===== ShopNegar Safe Mega Patch v4.2: professional popup grids ===== */
 .data-tabs {
	 display: flex;
	 gap: 8px;
	 flex-wrap: wrap;
	 margin: 0 0 16px 
}
 .data-tab {
	 padding: 10px 13px;
	 border-radius: 16px;
	 background: #fff;
	 border: 1px solid rgba(14, 165, 164, .14);
	 font-weight: 900;
	 color: #174346;
	 box-shadow: 0 8px 22px rgba(6, 25, 29, .04) 
}
 .data-tab.active {
	 background: linear-gradient(135deg, var(--primary), var(--primary-2));
	 color: #062024 
}
 .data-grid-card {
	 overflow: hidden 
}
 .pro-grid-wrap {
	 max-height: 70vh 
}
 .pro-grid-table th {
	 z-index: 2 
}
 .row-actions {
	 white-space: nowrap 
}
 .data-modal-backdrop {
	 position: fixed;
	 inset: 0;
	 background: rgba(6, 25, 29, .54);
	 backdrop-filter: blur(7px);
	 display: grid;
	 place-items: center;
	 padding: 22px;
	 z-index: 9999 
}
 .data-modal-backdrop.hidden {
	 display: none 
}
 .data-modal-card {
	 width: min(980px, 100%);
	 max-height: 92vh;
	 overflow: auto;
	 background: #fff;
	 border-radius: 30px;
	 border: 1px solid rgba(23, 214, 190, .22);
	 box-shadow: 0 35px 100px rgba(0, 0, 0, .28) 
}
 .data-modal-head {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 gap: 12px;
	 position: sticky;
	 top: 0;
	 background: rgba(255, 255, 255, .94);
	 backdrop-filter: blur(14px);
	 padding: 18px 20px;
	 border-bottom: 1px solid #e7f5f2;
	 z-index: 2 
}
 .data-modal-head b {
	 font-size: 18px 
}
 .data-entry-form {
	 padding: 20px 
}
 .data-modal-actions {
	 display: flex;
	 gap: 10px;
	 justify-content: flex-start 
}
 .ghost {
	 background: #F3FFFC !important;
	 color: #174346 !important;
	 border: 1px solid rgba(14, 165, 164, .16) !important;
	 box-shadow: none !important 
}
 .modal-form-backdrop {
	 position: fixed;
	 inset: 0;
	 background: rgba(6, 25, 29, .48);
	 z-index: 9998;
	 display: grid;
	 place-items: center;
	 padding: 20px 
}
 .modal-form-backdrop.hidden {
	 display: none 
}
 .modal-form-card {
	 width: min(920px, 100%);
	 max-height: 90vh;
	 overflow: auto;
	 border-radius: 28px;
	 background: #fff;
	 border: 1px solid rgba(14, 165, 164, .18);
	 box-shadow: 0 30px 90px rgba(0, 0, 0, .24) 
}
 .modal-form-head {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 padding: 16px 18px;
	 border-bottom: 1px solid #e7f5f2;
	 position: sticky;
	 top: 0;
	 background: white;
	 z-index: 2 
}
 .modal-form-body {
	 padding: 18px 
}
 .modalized-card {
	 box-shadow: none !important;
	 border: 0 !important;
	 margin: 0 !important;
	 padding: 0 !important 
}
 .modal-open-btn {
	 margin: 0 0 12px 
}
 .security-callout {
	 border: 1px solid rgba(16, 185, 129, .22);
	 background: #ecfdf5;
	 color: #065f46;
	 border-radius: 20px;
	 padding: 12px 14px;
	 font-weight: 900 
}
/* ===== ShopNegar hotfix v4.3 ===== */
 .product-attrs-card {
	 border: 1px solid rgba(14, 165, 164, .18);
	 background: #fbfffe;
	 border-radius: 22px;
	 padding: 14px;
	 margin-top: 8px 
}
 .product-attrs-head {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 margin-bottom: 10px 
}
 .product-attrs-head b {
	 display: block;
	 font-weight: 950;
	 color: #123 
}
 .product-attrs-head span {
	 display: block;
	 color: #64748b;
	 font-size: 12px;
	 margin-top: 4px 
}
 .attrs-grid, .variant-grid {
	 display: grid;
	 gap: 8px 
}
 .attr-row {
	 display: grid;
	 grid-template-columns: 1fr 1.5fr auto;
	 gap: 8px;
	 align-items: center 
}
 .variant-row {
	 display: grid;
	 grid-template-columns: .2fr 1.4fr 1fr .8fr .7fr .8fr auto;
	 gap: 8px;
	 align-items: center 
}
 .danger-lite {
	 color: #be123c !important;
	 border-color: #fecdd3 !important;
	 background: #fff1f2 !important 
}
 .data-modal-card {
	 width: min(1120px, 96vw) !important 
}
 @media(max-width:860px) {
	 .attr-row, .variant-row {
		 grid-template-columns: 1fr 
	}
	 .product-attrs-head {
		 align-items: flex-start;
		 flex-direction: column 
	}
}
/* HOTFIX_V45_MOBILE_ADMIN */
 .copy-row {
	 display: flex;
	 gap: 10px;
	 align-items: center 
}
 .copy-row input {
	 flex: 1 
}
 .table-copy-input {
	 min-width: 240px;
	 font-size: 12px 
}
 .sticky-actions {
	 position: sticky;
	 bottom: 10px;
	 z-index: 4;
	 background: rgba(255, 255, 255, .82);
	 backdrop-filter: blur(10px);
	 padding: 10px;
	 border-radius: 18px 
}
 @media (max-width: 900px) {
	 .app-shell {
		 display: block;
		 min-height: 100dvh 
	}
	 .sidebar {
		 position: fixed;
		 inset: 0 auto 0 0;
		 width: min(84vw, 320px);
		 z-index: 50;
		 transform: translateX(-105%);
		 transition: .22s ease;
		 box-shadow: 0 20px 60px rgba(0, 0, 0, .25);
		 overflow: auto 
	}
	 .sidebar.open {
		 transform: translateX(0) 
	}
	 html[dir="rtl"] .sidebar {
		 left: auto;
		 right: 0;
		 transform: translateX(105%) 
	}
	 html[dir="rtl"] .sidebar.open {
		 transform: translateX(0) 
	}
	 .main {
		 margin: 0 !important;
		 width: 100% 
	}
	 .mobile-topbar {
		 display: flex !important;
		 position: sticky;
		 top: 0;
		 z-index: 30;
		 background: rgba(255, 255, 255, .88);
		 backdrop-filter: blur(12px);
		 border-bottom: 1px solid rgba(14, 165, 164, .18) 
	}
	 .content-wrap {
		 padding: 14px !important;
		 max-width: 100% !important 
	}
	 .page-hero {
		 display: block;
		 padding: 16px 
	}
	 .page-title {
		 font-size: 22px 
	}
	 .card {
		 border-radius: 18px;
		 padding: 14px !important 
	}
	 .form-grid {
		 grid-template-columns: 1fr !important 
	}
	 .form-section {
		 padding: 12px 
	}
	 .table-wrap {
		 overflow: auto;
		 -webkit-overflow-scrolling: touch 
	}
	 .table-wrap table {
		 min-width: 760px 
	}
	 .actions {
		 white-space: normal 
	}
	 .modal, .modal-card, .data-modal, .drawer-card {
		 width: calc(100vw - 20px) !important;
		 max-width: calc(100vw - 20px) !important;
		 max-height: 88dvh !important;
		 overflow: auto !important 
	}
	 .data-form-grid, .modal-grid {
		 grid-template-columns: 1fr !important 
	}
	 .copy-row {
		 display: block 
	}
	 .copy-row button {
		 width: 100%;
		 margin-top: 8px 
	}
	 .sticky-actions button {
		 width: 100% 
	}
}
 @media (max-width: 520px) {
	 body {
		 font-size: 14px 
	}
	 .page-hero, .card {
		 margin-inline: 0 
	}
	 .btn, button, input, select, textarea {
		 font-size: 15px 
	}
	 .login-shell {
		 grid-template-columns: 1fr !important;
		 padding: 14px 
	}
	 .login-hero {
		 display: none 
	}
	 .login .card {
		 width: 100% 
	}
	 .brand-card {
		 max-width: 100% 
	}
	 .stat-grid, .kpi-grid {
		 grid-template-columns: 1fr !important 
	}
	 .data-toolbar {
		 display: block 
	}
	 .data-toolbar>* {
		 width: 100%;
		 margin-block: 6px 
	}
	 .table-copy-input {
		 min-width: 190px 
	}
}
/* HOTFIX_V46_PRODUCT_MODAL */
 .modal-backdrop {
	 position: fixed;
	 inset: 0;
	 z-index: 1000;
	 display: none;
	 align-items: center;
	 justify-content: center;
	 background: rgba(4, 22, 22, .55);
	 backdrop-filter: blur(6px);
	 padding: 18px 
}
 .modal-backdrop.show {
	 display: flex 
}
 .modal-card {
	 background: #fff;
	 border: 1px solid rgba(14, 165, 164, .18);
	 border-radius: 28px;
	 box-shadow: 0 24px 80px rgba(0, 0, 0, .24);
	 width: min(880px, calc(100vw - 24px));
	 max-height: 92dvh;
	 overflow: auto;
	 padding: 22px 
}
 .modal-card.wide {
	 width: min(1100px, calc(100vw - 24px)) 
}
 .modal-head {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 gap: 12px;
	 margin-bottom: 18px 
}
 .modal-head h2 {
	 margin: 0 
}
 .modal-open {
	 overflow: hidden 
}
 .attr-row, .variant-row {
	 display: grid;
	 grid-template-columns: 1fr 1fr auto;
	 gap: 10px;
	 align-items: end;
	 margin: 8px 0 
}
 .variant-row {
	 grid-template-columns: 1.2fr 1fr .8fr .7fr .7fr auto 
}
 .danger {
	 background: #ffe8ec !important;
	 color: #be123c !important;
	 border-color: #fecdd3 !important 
}
 .product-attrs-card {
	 background: rgba(14, 165, 164, .04);
	 border: 1px solid rgba(14, 165, 164, .14);
	 border-radius: 18px;
	 padding: 14px 
}
 .product-attrs-head {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 margin-bottom: 10px 
}
 .product-attrs-head span {
	 display: block;
	 color: #64748b;
	 font-size: 12px 
}
 .sticky-actions {
	 display: flex;
	 gap: 10px;
	 justify-content: flex-end;
	 position: sticky;
	 bottom: 0;
	 background: linear-gradient(180deg, rgba(255, 255, 255, .78), #fff);
	 padding-top: 12px 
}
 .full {
	 grid-column: 1/-1 
}
 @media (max-width: 760px) {
	 .modal-backdrop {
		 align-items: flex-end;
		 padding: 0 
	}
	 .modal-card, .modal-card.wide {
		 width: 100% !important;
		 max-width: 100% !important;
		 max-height: 92dvh;
		 border-radius: 24px 24px 0 0;
		 padding: 14px 
	}
	 .form-grid {
		 grid-template-columns: 1fr !important 
	}
	 .attr-row, .variant-row {
		 grid-template-columns: 1fr !important 
	}
	 .sticky-actions {
		 display: grid;
		 grid-template-columns: 1fr;
	}
	 .page-actions {
		 display: grid;
		 grid-template-columns: 1fr;
		 width: 100% 
	}
	 .page-actions .btn, .page-actions button {
		 width: 100% 
	}
	 .table-wrap {
		 overflow-x: auto 
	}
	 .table-wrap table {
		 min-width: 760px 
	}
	 .content-wrap {
		 padding: 12px !important 
	}
	 .page-hero {
		 display: block !important 
	}
	 .page-title {
		 font-size: 22px !important 
	}
}
/* ===== ShopNegar Hotfix v49: mobile panel and product tables ===== */
 .sidebar-backdrop {
	 display: none 
}
 @media(max-width:860px) {
	 body.sidebar-open {
		 overflow: hidden;
		 touch-action: none 
	}
	 .sidebar {
		 z-index: 70 !important;
		 max-width: 86vw;
		 width: 300px;
		 box-shadow: -22px 0 60px rgba(6, 25, 29, .35) 
	}
	 .sidebar-backdrop {
		 position: fixed;
		 inset: 0;
		 background: rgba(6, 25, 29, .42);
		 backdrop-filter: blur(2px);
		 z-index: 60;
		 opacity: 0;
		 pointer-events: none;
		 transition: .18s ease;
		 display: block 
	}
	 body.sidebar-open .sidebar-backdrop {
		 opacity: 1;
		 pointer-events: auto 
	}
	 .mobile-topbar {
		 z-index: 55 !important 
	}
	 .content-wrap {
		 max-width: 100%;
		 overflow-x: hidden;
		 padding: 16px 12px 80px 
	}
	 .page-title {
		 font-size: 22px;
		 line-height: 1.65 
	}
	 .card {
		 border-radius: 22px;
		 padding: 14px 
	}
	 .table-wrap {
		 width: 100%;
		 overflow-x: auto;
		 -webkit-overflow-scrolling: touch 
	}
	 table {
		 min-width: 680px 
	}
	 .product-admin-table {
		 min-width: 760px 
	}
	 .modal-form-card, .data-modal-card {
		 width: min(96vw, 720px) !important;
		 max-height: 88vh !important;
		 overflow: auto !important;
		 border-radius: 22px !important 
	}
	 .modal-form-backdrop, .data-modal {
		 align-items: flex-end !important;
		 padding: 8px !important 
	}
	 .form-grid {
		 grid-template-columns: 1fr !important 
	}
	 .inline {
		 display: grid !important;
		 grid-template-columns: 1fr !important;
		 align-items: stretch !important 
	}
	 .inline input, .searchbox input {
		 min-width: 0 !important;
		 width: 100% !important 
	}
}
/* ===== ShopNegar v5.2 Market Ready UX ===== */
 .market-layout {
	 display: grid;
	 grid-template-columns: 1.2fr .8fr;
	 gap: 18px;
	 margin: 18px 0 
}
 .todo-list, .checklist {
	 display: grid;
	 gap: 10px 
}
 .todo-item, .check-row {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 padding: 14px 16px;
	 border-radius: 20px;
	 background: #fff;
	 border: 1px solid rgba(14, 165, 164, .14);
	 text-decoration: none;
	 color: inherit 
}
 .todo-item.hot {
	 background: #fff8e7;
	 border-color: #ffd878 
}
 .todo-item b, .check-row b {
	 display: block 
}
 .todo-item span, .check-row small {
	 color: #64748b;
	 font-size: 12px 
}
 .check-row {
	 justify-content: flex-start 
}
 .check-row.done {
	 background: #ecfdf5 
}
 .order-mobile-list {
	 display: none;
	 gap: 12px 
}
 .order-card {
	 background: #fff;
	 border: 1px solid rgba(14, 165, 164, .16);
	 border-radius: 24px;
	 padding: 14px;
	 box-shadow: 0 12px 30px rgba(6, 25, 29, .06) 
}
 .order-card-top {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 gap: 8px 
}
 .order-card-body {
	 display: grid;
	 grid-template-columns: repeat(2, minmax(0, 1fr));
	 gap: 9px;
	 margin: 12px 0 
}
 .order-card-body small, .order-card-body span {
	 display: block;
	 color: #64748b 
}
 .quick-order-form {
	 display: grid;
	 grid-template-columns: 1fr 1fr 1fr auto;
	 gap: 8px;
	 align-items: end 
}
 .quick-order-form input, .quick-order-form select {
	 min-height: 42px;
	 border-radius: 16px;
	 border: 1px solid #cfe9e6;
	 padding: 0 12px 
}
 .payment-help {
	 font-size: 12px;
	 color: #64748b;
	 background: #f7fffd;
	 border-radius: 14px;
	 padding: 9px;
	 margin-bottom: 10px 
}
 .market-settings-form textarea {
	 min-height: 86px 
}
 .switch-line {
	 display: flex !important;
	 align-items: center;
	 gap: 8px;
	 background: #f6fffc;
	 border: 1px solid #d8efec;
	 border-radius: 18px;
	 padding: 14px 
}
 .copy-grid {
	 display: grid;
	 grid-template-columns: 1fr 1fr;
	 gap: 12px 
}
 .public-track {
	 background: linear-gradient(135deg, #ecfffb, #fff8e7);
	 min-height: 100vh 
}
 .track-shell {
	 max-width: 680px;
	 margin: 0 auto;
	 padding: 28px 14px 
}
 .track-card {
	 background: #fff;
	 border: 1px solid rgba(14, 165, 164, .18);
	 border-radius: 32px;
	 padding: 24px;
	 box-shadow: 0 24px 70px rgba(6, 25, 29, .10) 
}
 .track-brand {
	 display: flex;
	 justify-content: space-between;
	 gap: 12px;
	 color: #0f766e 
}
 .track-form {
	 display: grid;
	 gap: 12px 
}
 .track-form input {
	 width: 100%;
	 min-height: 52px;
	 border-radius: 18px;
	 border: 1px solid #cfe9e6;
	 padding: 0 14px 
}
 .track-result {
	 margin-top: 18px;
	 border-top: 1px solid #e2f3f0;
	 padding-top: 18px 
}
 .track-steps {
	 display: grid;
	 grid-template-columns: repeat(5, 1fr);
	 gap: 7px;
	 margin: 12px 0 
}
 .step {
	 font-size: 11px;
	 text-align: center;
	 padding: 9px 4px;
	 border-radius: 14px;
	 background: #f1f5f9;
	 color: #64748b 
}
 .step.done {
	 background: #ccfbf1;
	 color: #0f766e;
	 font-weight: 900 
}
 .sidebar-backdrop {
	 display: none 
}
 .desktop-only {
	 display: block 
}
 .notice.success {
	 background: #ecfdf5;
	 border: 1px solid #a7f3d0;
	 color: #047857 
}
 .notice.danger {
	 background: #fff1f2;
	 border: 1px solid #fecdd3;
	 color: #be123c 
}
 @media(max-width:760px) {
	 .market-layout, .copy-grid {
		 grid-template-columns: 1fr 
	}
	 .market-stats {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) 
	}
	 .desktop-only {
		 display: none !important 
	}
	 .order-mobile-list {
		 display: grid 
	}
	 .quick-order-form {
		 grid-template-columns: 1fr 
	}
	 .order-card-body {
		 grid-template-columns: 1fr 
	}
	 .page-hero {
		 padding: 18px !important 
	}
	 .page-actions {
		 width: 100%;
		 display: grid;
		 grid-template-columns: 1fr;
		 gap: 8px 
	}
	 .card {
		 border-radius: 24px !important 
	}
	 .form-grid {
		 grid-template-columns: 1fr !important 
	}
	 .form-grid .wide {
		 grid-column: auto !important 
	}
	 .sidebar {
		 position: fixed !important;
		 top: 0;
		 right: 0;
		 height: 100vh;
		 width: min(86vw, 330px);
		 transform: translateX(110%);
		 transition: .22s ease;
		 z-index: 1200 
	}
	 .sidebar.open {
		 transform: translateX(0) 
	}
	 .sidebar-backdrop {
		 position: fixed;
		 inset: 0;
		 background: rgba(6, 25, 29, .42);
		 backdrop-filter: blur(2px);
		 z-index: 1190 
	}
	 .sidebar-open .sidebar-backdrop {
		 display: block 
	}
	 .main {
		 width: 100%;
		 margin: 0 !important 
	}
	 .content-wrap {
		 padding: 72px 12px 24px !important 
	}
	 .table-wrap {
		 overflow-x: auto 
	}
	 .modal, .sheet, .dialog {
		 max-width: calc(100vw - 18px) !important;
		 width: calc(100vw - 18px) !important;
		 max-height: 92vh !important;
		 overflow: auto !important 
	}
	 .track-steps {
		 grid-template-columns: 1fr 
	}
	 .track-card {
		 border-radius: 24px;
		 padding: 18px 
	}
}
/* ShopNegar Market Ready All Phases v6.0 */
 .market-kpi .kpi {
	 min-height: 110px 
}
 .kpi.warn {
	 border-color: #f59e0b 
}
 .kpi.danger {
	 border-color: #ef4444 
}
 .task-list {
	 display: grid;
	 gap: 10px 
}
 .task-row, .check-row, .metric-row {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 10px;
	 padding: 12px;
	 border: 1px solid rgba(148, 163, 184, .22);
	 border-radius: 16px;
	 background: rgba(255, 255, 255, .75) 
}
 .check-row {
	 justify-content: flex-start 
}
 .check-row.done {
	 background: rgba(16, 185, 129, .08);
	 border-color: rgba(16, 185, 129, .25) 
}
 .order-board {
	 display: grid;
	 grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	 gap: 14px 
}
 .order-card {
	 border: 1px solid rgba(148, 163, 184, .25);
	 border-radius: 22px;
	 padding: 16px;
	 background: #fff;
	 box-shadow: 0 10px 25px rgba(15, 23, 42, .05);
	 display: grid;
	 gap: 8px 
}
 .order-card.pro {
	 border-right: 4px solid var(--brand, #0ea5a4) 
}
 .order-top, .badges, .order-actions, .section-head, .actions {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 8px;
	 flex-wrap: wrap 
}
 .badges span {
	 padding: 6px 10px;
	 border-radius: 999px;
	 background: #f1f5f9;
	 font-size: .85rem 
}
 .mini {
	 padding: 8px 12px;
	 border-radius: 12px;
	 border: 0;
	 background: var(--brand, #0ea5a4);
	 color: #fff;
	 cursor: pointer 
}
 .mini.secondary, .btn.secondary {
	 background: #f1f5f9;
	 color: #0f172a 
}
 .copy-box {
	 display: grid;
	 grid-template-columns: max-content 1fr;
	 gap: 10px;
	 align-items: center 
}
 .switch-row {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 12px 
}
 .switch-row label {
	 padding: 10px 12px;
	 background: #f8fafc;
	 border: 1px solid #e2e8f0;
	 border-radius: 14px 
}
 .public-page {
	 background: linear-gradient(135deg, #ecfeff, #f8fafc);
	 min-height: 100vh;
	 display: grid;
	 place-items: center;
	 padding: 18px 
}
 .public-card {
	 width: min(560px, 100%);
	 background: #fff;
	 border-radius: 26px;
	 padding: 24px;
	 box-shadow: 0 20px 60px rgba(15, 23, 42, .10) 
}
 .track-result {
	 margin-top: 18px;
	 padding: 16px;
	 border-radius: 18px;
	 background: #f0fdfa 
}
 .alert {
	 padding: 12px;
	 border-radius: 14px;
	 background: #fff7ed;
	 color: #9a3412 
}
 .toolbar {
	 display: flex;
	 gap: 10px;
	 flex-wrap: wrap;
	 margin: 12px 0 
}
 .toolbar input, .toolbar select {
	 min-width: 220px;
	 flex: 1 
}
 @media(max-width:760px) {
	 .order-board {
		 grid-template-columns: 1fr 
	}
	 .copy-box {
		 grid-template-columns: 1fr 
	}
	 .page-head {
		 gap: 12px 
	}
	 .order-actions form, .order-actions button {
		 width: 100% 
	}
	 .mini {
		 width: 100% 
	}
	 .toolbar input, .toolbar select, .toolbar button {
		 width: 100%;
		 min-width: 0 
	}
	 .public-card {
		 border-radius: 20px;
		 padding: 18px 
	}
}
/* ShopNegar v7.0 self-service signup + SaaS pricing */
 .public-body-v70 {
	 min-height: 100vh;
	 background: radial-gradient(circle at top right, #dff7f4 0, #f8fafc 38%, #fff 100%);
	 color: #0f172a 
}
 .public-header-v70 {
	 max-width: 1120px;
	 margin: 0 auto;
	 padding: 18px;
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 16px 
}
 .public-header-v70 nav {
	 display: flex;
	 gap: 10px;
	 align-items: center 
}
 .public-header-v70 nav a {
	 padding: 10px 14px;
	 border-radius: 14px;
	 text-decoration: none;
	 color: #0f172a;
	 font-weight: 800;
	 background: rgba(255, 255, 255, .72);
	 border: 1px solid rgba(15, 23, 42, .08) 
}
 .public-brand-v70 {
	 display: flex;
	 align-items: center;
	 gap: 10px;
	 text-decoration: none;
	 color: #0f172a;
	 font-size: 22px 
}
 .public-brand-v70 span {
	 display: grid;
	 place-items: center;
	 width: 44px;
	 height: 44px;
	 border-radius: 16px;
	 background: #0ea5a4;
	 color: #fff;
	 font-weight: 900 
}
 .public-main-v70 {
	 max-width: 1120px;
	 margin: 0 auto;
	 padding: 22px 18px 60px 
}
 .landing-hero-v70 {
	 display: grid;
	 grid-template-columns: 1.4fr .8fr;
	 gap: 24px;
	 align-items: stretch;
	 padding: 42px 0 
}
 .landing-copy, .landing-card, .form-card-v70, .plan-card-v70 {
	 background: rgba(255, 255, 255, .86);
	 border: 1px solid rgba(15, 23, 42, .08);
	 box-shadow: 0 24px 70px rgba(15, 23, 42, .08);
	 border-radius: 28px;
	 padding: 28px 
}
 .landing-copy h1 {
	 font-size: clamp(32px, 5vw, 58px);
	 line-height: 1.25;
	 margin: 14px 0 
}
 .landing-copy p {
	 font-size: 18px;
	 color: #475569;
	 line-height: 2 
}
 .badge {
	 display: inline-flex;
	 padding: 8px 12px;
	 border-radius: 999px;
	 background: #ccfbf1;
	 color: #0f766e;
	 font-weight: 900 
}
 .danger-badge {
	 background: #fee2e2;
	 color: #b91c1c 
}
 .landing-actions {
	 display: flex;
	 gap: 12px;
	 flex-wrap: wrap;
	 margin-top: 22px 
}
 .btn-primary, .btn-secondary {
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 border: 0;
	 border-radius: 16px;
	 padding: 13px 18px;
	 text-decoration: none;
	 font-weight: 900;
	 cursor: pointer 
}
 .btn-primary {
	 background: #0ea5a4;
	 color: white 
}
 .btn-secondary {
	 background: #f1f5f9;
	 color: #0f172a 
}
 .full {
	 width: 100% 
}
 .landing-points {
	 display: flex;
	 gap: 8px;
	 flex-wrap: wrap;
	 margin-top: 18px 
}
 .landing-points span {
	 background: #f8fafc;
	 border: 1px solid #e2e8f0;
	 border-radius: 999px;
	 padding: 8px 10px;
	 font-weight: 700 
}
 .landing-card ol {
	 line-height: 2.4;
	 font-weight: 800 
}
 .plans-head-v70 {
	 text-align: center;
	 max-width: 760px;
	 margin: 20px auto 28px 
}
 .plans-head-v70 h1 {
	 font-size: 38px;
	 margin: 12px 0 
}
 .plans-head-v70 p {
	 color: #64748b;
	 font-size: 17px 
}
 .plans-grid-v70 {
	 display: grid;
	 grid-template-columns: repeat(3, minmax(0, 1fr));
	 gap: 18px 
}
 .plan-card-v70 {
	 position: relative;
	 display: flex;
	 flex-direction: column;
	 gap: 12px 
}
 .plan-card-v70.featured {
	 outline: 3px solid #0ea5a4 
}
 .plan-ribbon {
	 position: absolute;
	 top: 16px;
	 left: 16px;
	 background: #f59e0b;
	 color: #111827;
	 border-radius: 999px;
	 padding: 6px 10px;
	 font-weight: 900 
}
 .plan-price b {
	 font-size: 26px;
	 color: #0f766e 
}
 .plan-price small {
	 display: block;
	 color: #64748b 
}
 .plan-card-v70 ul {
	 padding-right: 18px;
	 line-height: 2;
	 color: #334155;
	 flex: 1 
}
 .form-shell-v70 {
	 max-width: 820px;
	 margin: 30px auto 
}
 .grid-form-v70 {
	 display: grid;
	 grid-template-columns: repeat(2, minmax(0, 1fr));
	 gap: 14px 
}
 .grid-form-v70 label {
	 display: flex;
	 flex-direction: column;
	 gap: 7px;
	 font-weight: 800 
}
 .grid-form-v70 input, .grid-form-v70 select, .grid-form-v70 textarea, .form-card-v70 input, .form-card-v70 textarea, .form-card-v70 select {
	 border: 1px solid #cbd5e1;
	 border-radius: 14px;
	 padding: 12px;
	 background: #fff;
	 font: inherit 
}
 .billing-box-v70 {
	 grid-column: 1/-1;
	 background: #f8fafc;
	 border: 1px dashed #cbd5e1;
	 border-radius: 18px;
	 padding: 14px;
	 display: grid;
	 gap: 10px 
}
 .alert {
	 padding: 12px 14px;
	 border-radius: 16px;
	 margin: 12px 0;
	 font-weight: 800 
}
 .alert.danger {
	 background: #fee2e2;
	 color: #991b1b 
}
 .alert.success {
	 background: #dcfce7;
	 color: #166534 
}
 .credential-box-v70 {
	 display: grid;
	 grid-template-columns: repeat(3, 1fr);
	 gap: 12px;
	 margin: 20px 0 
}
 .credential-box-v70 div {
	 background: #f8fafc;
	 border: 1px solid #e2e8f0;
	 border-radius: 18px;
	 padding: 14px 
}
 .credential-box-v70 small {
	 display: block;
	 color: #64748b 
}
 .credential-box-v70 b {
	 direction: ltr;
	 display: block;
	 margin-top: 6px 
}
 .plan-edit-v70 {
	 background: #f8fafc;
	 border: 1px solid #e2e8f0;
	 border-radius: 20px;
	 padding: 16px 
}
 .stack-v70 {
	 display: grid;
	 gap: 16px 
}
 .table-wrap {
	 overflow: auto 
}
 .muted {
	 color: #64748b 
}
 @media(max-width:820px) {
	 .landing-hero-v70, .plans-grid-v70, .grid-form-v70, .credential-box-v70 {
		 grid-template-columns: 1fr 
	}
	 .landing-copy, .landing-card, .form-card-v70, .plan-card-v70 {
		 border-radius: 22px;
		 padding: 20px 
	}
	 .public-header-v70 {
		 align-items: flex-start 
	}
	 .landing-copy h1 {
		 font-size: 32px 
	}
	 .plans-head-v70 h1 {
		 font-size: 28px 
	}
}
/* ===== ShopNegar Clean UI Signature 2026-05-09 ===== */
 :root {
	 --sn-bg: #f5fbf9;
	 --sn-surface: rgba(255, 255, 255, .86);
	 --sn-surface-solid: #ffffff;
	 --sn-border: rgba(15, 118, 110, .14);
	 --sn-text: #071827;
	 --sn-muted: #64748b;
	 --sn-primary: #14d5c3;
	 --sn-primary-2: #0f9f9a;
	 --sn-accent: #f7b731;
	 --sn-radius: 26px;
	 --sn-shadow: 0 18px 54px rgba(2, 44, 45, .08);
}
 html {
	 scroll-behavior: smooth;
	 -webkit-text-size-adjust: 100% 
}
 body {
	 background: radial-gradient(circle at 95% 1%, rgba(20, 213, 195, .18), transparent 30%), radial-gradient(circle at 5% 0, rgba(247, 183, 49, .12), transparent 26%), linear-gradient(180deg, #fbfffd, #eef8f5) !important;
	 color: var(--sn-text) 
}
 * {
	 box-sizing: border-box 
}
 a {
	 color: inherit;
	 text-decoration: none 
}
 .ltr {
	 direction: ltr;
	 text-align: left;
	 font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important 
}
 .app-shell {
	 align-items: stretch 
}
 .main {
	 min-width: 0 
}
 .content-wrap {
	 width: min(1480px, 100%);
	 margin-inline: auto 
}
 .sidebar {
	 border-left: 1px solid rgba(255, 255, 255, .14);
	 box-shadow: -20px 0 50px rgba(3, 18, 24, .12) 
}
 .brand-card, .nav-item, .card, .panel, .form-section, .table-wrap, .public-header-v70 {
	 backdrop-filter: blur(18px);
	 -webkit-backdrop-filter: blur(18px) 
}
 .nav-list {
	 display: grid;
	 gap: 7px 
}
 .nav-item {
	 min-height: 46px;
	 border-radius: 17px;
	 transition: transform .16s ease, background .16s ease, border-color .16s ease 
}
 .nav-item:hover {
	 transform: translateX(-2px) 
}
 .nav-item.active {
	 box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22), 0 14px 30px rgba(20, 213, 195, .12) 
}
 .page-hero, .page-head {
	 display: flex;
	 align-items: flex-end;
	 justify-content: space-between;
	 gap: 18px;
	 margin-bottom: 18px 
}
 .page-title, .page-hero h1, .page-head h1 {
	 font-size: clamp(25px, 3.2vw, 42px);
	 line-height: 1.35;
	 margin: 4px 0 0 
}
 .page-actions {
	 display: flex;
	 align-items: center;
	 gap: 10px;
	 flex-wrap: wrap 
}
 .page-kicker {
	 box-shadow: 0 10px 24px rgba(20, 213, 195, .09) 
}
 .grid, .quick-grid, .kpi-grid {
	 gap: 16px 
}
 .card, .panel, .form-card {
	 border-radius: var(--sn-radius) !important;
	 border: 1px solid var(--sn-border) !important;
	 box-shadow: var(--sn-shadow) !important 
}
 .card {
	 padding: clamp(16px, 2vw, 24px) 
}
 .compact-card {
	 padding: 18px 
}
 .metric-row, .card-header {
	 gap: 14px 
}
 .metric-icon {
	 flex: 0 0 auto 
}
 .muted, .card-subtitle, .mini-note {
	 color: var(--sn-muted) !important;
	 line-height: 1.9 
}
 .badge {
	 min-height: 28px;
	 border: 1px solid rgba(15, 23, 42, .05) 
}
 input, select, textarea {
	 max-width: 100%;
	 font-size: 15px 
}
 .form-grid, .grid-form-v70 {
	 gap: 14px 
}
 .inline {
	 align-items: center 
}
 .inline>* {
	 flex: 0 1 auto 
}
 .inline input, .inline select {
	 min-width: min(260px, 100%) 
}
 .btn, button, .button, input[type="submit"] {
	 white-space: nowrap;
	 touch-action: manipulation 
}
 .btn.secondary:hover, button.secondary:hover, .secondary:hover {
	 background: #f8fffd !important 
}
 .actions {
	 display: flex;
	 gap: 8px;
	 align-items: center;
	 flex-wrap: wrap 
}
 .actions form {
	 display: inline-flex;
	 margin: 0 
}
 .hidden, [hidden] {
	 display: none !important 
}
 .table-wrap {
	 max-width: 100%;
	 overflow: auto;
	 -webkit-overflow-scrolling: touch 
}
 .table-wrap table {
	 min-width: 760px 
}
 th {
	 white-space: nowrap 
}
 td {
	 line-height: 1.75 
}
 .thumb {
	 box-shadow: 0 8px 22px rgba(6, 25, 29, .06) 
}
 .sidebar-backdrop {
	 position: fixed;
	 inset: 0;
	 background: rgba(2, 8, 23, .42);
	 opacity: 0;
	 pointer-events: none;
	 z-index: 39;
	 transition: opacity .18s ease;
	 backdrop-filter: blur(3px) 
}
 .sidebar-open .sidebar-backdrop {
	 opacity: 1;
	 pointer-events: auto 
}
 .modal-open {
	 overflow: hidden 
}
 .modal-form-backdrop, .modal {
	 position: fixed;
	 inset: 0;
	 z-index: 70;
	 background: rgba(2, 8, 23, .42);
	 display: grid;
	 place-items: center;
	 padding: 18px;
	 backdrop-filter: blur(6px) 
}
 .modal-form-backdrop.hidden, .modal:not(.open) {
	 display: none 
}
 .modal-form-card {
	 width: min(720px, 100%);
	 max-height: 88vh;
	 overflow: auto;
	 background: #fff;
	 border-radius: 28px;
	 border: 1px solid var(--sn-border);
	 box-shadow: 0 28px 80px rgba(2, 8, 23, .25) 
}
 .modal-form-head {
	 position: sticky;
	 top: 0;
	 z-index: 2;
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 padding: 16px 18px;
	 background: rgba(255, 255, 255, .92);
	 border-bottom: 1px solid var(--sn-border);
	 backdrop-filter: blur(14px) 
}
 .modal-form-body {
	 padding: 18px 
}
 .modalized-card {
	 box-shadow: none !important;
	 border: 0 !important;
	 padding: 0 !important 
}
 .ghost {
	 background: transparent !important;
	 color: var(--sn-text) !important;
	 box-shadow: none !important;
	 border: 1px solid var(--sn-border) !important;
	 width: 42px;
	 height: 42px;
	 padding: 0 
}
 .public-body-v70 {
	 min-height: 100vh 
}
 .public-header-v70 {
	 position: sticky;
	 top: 0;
	 z-index: 30;
	 background: rgba(255, 255, 255, .78) !important 
}
 .public-main-v70 {
	 width: min(1180px, 100%);
	 margin-inline: auto;
	 padding: clamp(18px, 3vw, 34px) 
}
 @media (max-width:1180px) {
	 .content-wrap {
		 padding-inline: 18px 
	}
	 .grid, .quick-grid, .kpi-grid {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) !important 
	}
	 .form-grid, .grid-form-v70 {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) !important 
	}
}
 @media (max-width:860px) {
	 .content-wrap {
		 padding: 16px 
	}
	 .mobile-topbar {
		 display: flex !important 
	}
	 .sidebar {
		 z-index: 50;
		 width: min(320px, 86vw) !important;
		 transform: translateX(105%) 
	}
	 .sidebar-open .sidebar, .sidebar.open {
		 transform: translateX(0) !important 
	}
	 .page-hero, .page-head, .card-header {
		 display: grid;
		 align-items: start 
	}
	 .page-actions, .inline, .actions {
		 width: 100% 
	}
	 .page-actions .btn, .page-actions button, .inline>* {
		 width: 100% 
	}
	 .grid, .grid-2, .quick-grid, .kpi-grid, .form-grid, .grid-form-v70 {
		 grid-template-columns: 1fr !important 
	}
	 .card {
		 border-radius: 22px !important 
	}
	 .table-wrap {
		 border-radius: 18px !important 
	}
	 .table-wrap table {
		 min-width: 680px 
	}
	 .desktop-only {
		 display: none !important 
	}
	 .mobile-card, .mobile-only {
		 display: block !important 
	}
	 .login-shell {
		 grid-template-columns: 1fr !important 
	}
	 .public-header-v70 {
		 padding: 12px 16px !important 
	}
	 .public-header-v70 nav {
		 gap: 8px;
		 flex-wrap: wrap 
	}
}
 @media (max-width:520px) {
	 .content-wrap {
		 padding: 12px 
	}
	 .page-title, .page-hero h1, .page-head h1 {
		 font-size: 24px 
	}
	 .card {
		 padding: 14px 
	}
	 .btn, button, .button, input[type="submit"] {
		 width: 100%;
		 justify-content: center 
	}
	 .table-wrap table {
		 min-width: 620px 
	}
	 th, td {
		 padding: 10px 11px 
	}
	 .modal-form-backdrop, .modal {
		 padding: 10px 
	}
	 .modal-form-card {
		 border-radius: 22px 
	}
	 .brand-subtitle {
		 display: none 
	}
	 .metric-row {
		 display: grid !important;
		 grid-template-columns: 1fr auto 
	}
	 .public-main-v70 {
		 padding: 16px 12px 
	}
}
 @media (prefers-reduced-motion:reduce) {
	 *, *::before, *::after {
		 scroll-behavior: auto !important;
		 transition: none !important;
		 animation: none !important 
	}
}
/* ===== ShopNegar Demo/Product UI Signature 2026-05-10 ===== */
 .platform-hero {
	 position: relative;
	 overflow: hidden;
	 padding: 20px;
	 border-radius: 30px;
	 background: linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(231, 255, 249, .82));
	 border: 1px solid rgba(14, 165, 164, .14);
	 box-shadow: 0 18px 54px rgba(2, 44, 45, .07) 
}
 .platform-product-kpis .stat {
	 min-height: 138px 
}
 .platform-panels {
	 align-items: start 
}
 .mini-kpi-list {
	 display: grid;
	 gap: 10px 
}
 .mini-kpi-list>div {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 padding: 13px 14px;
	 border-radius: 18px;
	 background: #f8fffd;
	 border: 1px solid rgba(14, 165, 164, .12) 
}
 .mini-kpi-list b {
	 font-size: 20px;
	 color: #0f766e 
}
 .mini-kpi-list span {
	 color: #64748b;
	 font-weight: 800;
	 font-size: 13px 
}
 .mobile-topbar {
	 min-height: 62px 
}
 .mobile-topbar .icon-button {
	 flex: 0 0 44px;
	 border-radius: 16px 
}
 .sidebar {
	 will-change: transform 
}
 .sidebar-backdrop {
	 display: block !important 
}
 .sidebar-close {
	 display: none;
	 position: sticky;
	 top: 0;
	 margin: 0 0 12px auto;
	 width: 44px;
	 height: 44px;
	 padding: 0;
	 border-radius: 16px;
	 background: rgba(255, 255, 255, .10) !important;
	 color: #fff !important;
	 border: 1px solid rgba(255, 255, 255, .18) !important;
	 box-shadow: none !important;
	 z-index: 3 
}
 .sidebar-open {
	 overflow: hidden 
}
 .sidebar-open .mobile-topbar {
	 z-index: 65 
}
 .sidebar-open .sidebar-backdrop, .sidebar-backdrop.open {
	 opacity: 1 !important;
	 pointer-events: auto !important 
}
 .sidebar.open, .sidebar[data-open="true"] {
	 transform: translateX(0) !important 
}
 @media (max-width:860px) {
	 body {
		 overflow-x: hidden 
	}
	 .app-shell {
		 display: block !important 
	}
	 .main {
		 width: 100%;
		 min-width: 0 
	}
	 .mobile-topbar {
		 display: flex !important;
		 align-items: center;
		 justify-content: space-between;
		 gap: 12px;
		 position: sticky;
		 top: 0;
		 z-index: 60;
		 background: rgba(255, 255, 255, .92);
		 backdrop-filter: blur(16px);
		 border-bottom: 1px solid rgba(14, 165, 164, .14) 
	}
	 .sidebar {
		 position: fixed !important;
		 top: 0 !important;
		 right: 0 !important;
		 bottom: 0 !important;
		 height: 100dvh !important;
		 width: min(330px, 88vw) !important;
		 max-width: 88vw !important;
		 transform: translateX(110%) !important;
		 z-index: 80 !important;
		 transition: transform .22s ease !important;
		 padding-bottom: calc(24px + env(safe-area-inset-bottom)) !important 
	}
	 .sidebar-close {
		 display: inline-flex !important;
		 align-items: center;
		 justify-content: center 
	}
	 .sidebar-backdrop {
		 position: fixed !important;
		 inset: 0 !important;
		 z-index: 70 !important;
		 background: rgba(2, 8, 23, .48) !important;
		 opacity: 0 !important;
		 pointer-events: none !important;
		 backdrop-filter: blur(4px) !important 
	}
	 .content-wrap {
		 width: 100% !important;
		 max-width: 100% !important;
		 padding: 16px 12px 84px !important;
		 overflow-x: hidden 
	}
	 .page-hero, .page-head, .topbar, .card-header {
		 display: grid !important;
		 grid-template-columns: 1fr !important;
		 align-items: start !important 
	}
	 .page-actions, .actions, .inline {
		 display: grid !important;
		 grid-template-columns: 1fr !important;
		 width: 100% !important 
	}
	 .page-actions .btn, .page-actions button, .actions .btn, .actions button, .actions form, .inline>* {
		 width: 100% !important 
	}
	 .grid, .grid-2, .quick-grid, .kpi-grid, .platform-product-kpis, .platform-panels {
		 grid-template-columns: 1fr !important 
	}
	 .card {
		 padding: 14px !important;
		 border-radius: 22px !important 
	}
	 .table-wrap {
		 width: 100% !important;
		 overflow-x: auto !important;
		 -webkit-overflow-scrolling: touch !important 
	}
	 .table-wrap table {
		 min-width: 680px !important 
	}
	 .searchbox input {
		 width: 100% !important;
		 min-width: 0 !important;
		 margin-top: 10px 
	}
	 .form-grid, .grid-form-v70 {
		 grid-template-columns: 1fr !important 
	}
	 .brand-card {
		 margin-top: 4px 
	}
	 .mini-kpi-list>div {
		 align-items: flex-start;
		 flex-direction: column 
	}
	 .platform-hero {
		 border-radius: 24px;
		 padding: 16px 
	}
}
 @media (max-width:520px) {
	 .mobile-topbar {
		 padding: 10px 12px 
	}
	 .mobile-topbar span {
		 font-size: 14px 
	}
	 .sidebar {
		 width: min(310px, 90vw) !important 
	}
	 .page-title, .page-hero h1, .page-head h1 {
		 font-size: 23px !important 
	}
	 .metric-row {
		 display: grid !important;
		 grid-template-columns: 1fr auto !important 
	}
	 .num {
		 font-size: 26px !important 
	}
	 .btn, button, .button, input[type="submit"] {
		 min-height: 46px 
	}
	 .table-wrap table {
		 min-width: 620px !important 
	}
}
/* ===== ShopNegar Platform Pro Console v6 ===== */
 .platform-explainer .soft-card {
	 background: linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(236, 255, 250, .78));
}
 .status-stack {
	 display: grid;
	 gap: 7px;
	 align-items: start 
}
 .warning-list {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 5px;
	 margin-top: 6px 
}
 .warning-list span {
	 display: inline-flex;
	 align-items: center;
	 padding: 5px 8px;
	 border-radius: 999px;
	 background: #fff7ed;
	 border: 1px solid #fed7aa;
	 color: #9a3412;
	 font-size: 11px;
	 font-weight: 900 
}
 .inline-warnings {
	 margin: 0 
}
 .success-note {
	 display: inline-flex;
	 width: max-content;
	 padding: 6px 9px;
	 border-radius: 999px;
	 background: #dcfce7;
	 color: #166534;
	 font-size: 11px;
	 font-weight: 950 
}
 .store-mini-form {
	 display: grid;
	 grid-template-columns: 1fr;
	 gap: 7px;
	 min-width: 240px 
}
 .store-mini-form label {
	 font-size: 11.5px;
	 font-weight: 950;
	 color: #40606a 
}
 .store-mini-form input, .store-mini-form select, .store-mini-form textarea {
	 margin: 0;
	 min-height: 40px;
	 border-radius: 14px 
}
 .store-mini-form button {
	 min-height: 40px;
	 border-radius: 14px 
}
 .form-grid.tight {
	 gap: 7px;
	 margin: 0 
}
 .compact-actions {
	 margin-top: 8px 
}
 .compact-actions .btn, .compact-actions button {
	 min-height: 38px;
	 padding: 8px 10px;
	 border-radius: 13px 
}
 .ops-details {
	 min-width: 260px 
}
 .ops-details summary {
	 cursor: pointer;
	 list-style: none;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 min-height: 42px;
	 padding: 9px 12px;
	 border-radius: 15px;
	 background: #f0fdfa;
	 border: 1px solid rgba(14, 165, 164, .18);
	 font-weight: 950;
	 color: #0f766e 
}
 .ops-details summary::-webkit-details-marker {
	 display: none 
}
 .ops-details[open] summary {
	 margin-bottom: 10px;
	 background: #ccfbf1 
}
 .danger-zone {
	 margin-top: 10px;
	 padding-top: 10px;
	 border-top: 1px dashed rgba(190, 18, 60, .22) 
}
 .single-action {
	 margin-top: 8px 
}
 .single-action button {
	 width: 100% 
}
 .checkline {
	 display: flex !important;
	 align-items: center;
	 gap: 8px;
	 flex-direction: row !important;
	 background: #f8fffd;
	 border: 1px solid rgba(14, 165, 164, .12);
	 border-radius: 14px;
	 padding: 9px 
}
 .checkline input {
	 width: auto !important;
	 min-height: auto !important;
	 margin: 0 !important 
}
 .support-action-list {
	 display: grid;
	 gap: 10px 
}
 .support-action-list a {
	 display: grid;
	 gap: 3px;
	 padding: 13px 14px;
	 border-radius: 18px;
	 background: #f8fffd;
	 border: 1px solid rgba(14, 165, 164, .14);
	 transition: .15s ease 
}
 .support-action-list a:hover {
	 transform: translateY(-1px);
	 border-color: rgba(14, 165, 164, .28);
	 box-shadow: 0 12px 26px rgba(6, 25, 29, .07) 
}
 .support-action-list b {
	 font-weight: 950;
	 color: #073b3c 
}
 .support-action-list span {
	 color: #64748b;
	 font-size: 12px;
	 line-height: 1.8 
}
 .checklist.compact .check-row {
	 min-height: 54px 
}
 .platform-store-table td {
	 vertical-align: top 
}
 .platform-store-table .table-copy-input {
	 min-width: 280px 
}
 @media(max-width:860px) {
	 .platform-store-table {
		 min-width: 980px !important 
	}
	 .store-mini-form {
		 min-width: 220px 
	}
	 .ops-details {
		 min-width: 240px 
	}
	 .platform-explainer {
		 grid-template-columns: 1fr !important 
	}
	 .support-action-list a {
		 padding: 12px 
	}
	 .warning-list span {
		 font-size: 10.5px 
	}
	 .platform-store-table .table-copy-input {
		 min-width: 240px 
	}
}
 @media(max-width:520px) {
	 .store-mini-form {
		 min-width: 210px 
	}
	 .compact-actions {
		 display: grid !important;
		 grid-template-columns: 1fr !important 
	}
	 .ops-details {
		 min-width: 220px 
	}
}
/* ===== ENAMAD ===== */
 .shopnegar-enamad {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 margin: 16px auto;
	 padding: 10px;
}
 .shopnegar-enamad .enamad-link {
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 border-radius: 18px;
	 background: rgba(255, 255, 255, .75);
	 backdrop-filter: blur(10px);
	 padding: 10px;
	 transition: .25s ease;
	 text-decoration: none !important;
	 box-shadow: 0 8px 24px rgba(0, 0, 0, .06);
}
 .shopnegar-enamad .enamad-link:hover {
	 transform: translateY(-2px);
	 box-shadow: 0 12px 30px rgba(0, 0, 0, .08);
}
 .shopnegar-enamad .enamad-image {
	 width: 110px;
	 height: auto;
	 object-fit: contain;
	 display: block;
}
 @media (max-width: 768px) {
	 .shopnegar-enamad .enamad-image {
		 width: 92px;
	}
}
/* ===== UX polish v1.0.1: forms, orders, dashboard readability ===== */
 .content-wrap {
	 font-size: 14.5px 
}
 .num {
	 font-size: clamp(22px, 2.4vw, 34px) !important;
	 letter-spacing: -.02em 
}
 .money-num {
	 font-size: clamp(18px, 1.8vw, 28px) !important 
}
 .label {
	 font-size: 13px;
	 color: #47606a;
	 font-weight: 900 
}
 .hint {
	 font-size: 12px;
	 color: #64748b;
	 line-height: 1.8 
}
 .ux-form {
	 gap: 12px 14px 
}
 .ux-form>div:not(.full), .product-modal-form>div:not(.full) {
	 background: rgba(248, 255, 253, .72);
	 border: 1px solid rgba(14, 165, 164, .10);
	 border-radius: 18px;
	 padding: 11px 
}
 .ux-form label, .product-modal-form label {
	 font-size: 12.5px;
	 font-weight: 950;
	 color: #24444d;
	 margin-bottom: 6px;
	 display: block 
}
 .ux-form input, .ux-form select, .ux-form textarea, .product-modal-form input, .product-modal-form select, .product-modal-form textarea {
	 min-height: 44px;
	 border-radius: 15px;
	 border: 1px solid #cfe9e6;
	 background: #fff;
	 padding: 10px 12px 
}
 .form-step {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 background: linear-gradient(135deg, #ecfffb, #fff);
	 border: 1px solid rgba(14, 165, 164, .16);
	 border-radius: 20px;
	 padding: 12px 14px !important 
}
 .form-step b {
	 font-size: 14px;
	 color: #0f766e 
}
 .form-step span {
	 color: #64748b;
	 font-size: 12px;
	 line-height: 1.8 
}
 .import-panel {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 16px 
}
 .import-actions {
	 display: flex;
	 align-items: center;
	 gap: 10px;
	 flex-wrap: wrap 
}
 .attrs-grid, .variant-grid {
	 gap: 8px 
}
 .attr-row, .variant-row {
	 display: grid;
	 grid-template-columns: 1fr 1fr auto;
	 gap: 8px 
}
 .variant-row {
	 grid-template-columns: 1.2fr .8fr .7fr .7fr auto 
}
 .order-summary-grid .compact-stat {
	 min-height: 126px 
}
 .pro-order-board {
	 overflow: hidden 
}
 .pro-orders-table th, .pro-orders-table td {
	 vertical-align: top 
}
 .order-items-mini {
	 display: grid;
	 gap: 4px;
	 min-width: 180px 
}
 .order-items-mini span {
	 display: inline-flex;
	 width: max-content;
	 max-width: 260px;
	 padding: 4px 8px;
	 border-radius: 999px;
	 background: #f8fffd;
	 border: 1px solid rgba(14, 165, 164, .12);
	 font-size: 12px 
}
 .order-inline-form {
	 display: grid !important;
	 grid-template-columns: minmax(120px, 1fr) minmax(90px, .9fr) auto;
	 gap: 6px 
}
 .pro-order-card {
	 border-radius: 22px 
}
 .guide-list {
	 line-height: 2.2;
	 color: #334155 
}
 .help-grid .card {
	 min-height: 190px 
}
 .shopnegar-enamad .enamad-image {
	 max-width: 110px !important 
}
 @media(max-width:860px) {
	 .import-panel {
		 display: grid 
	}
	 .import-actions {
		 display: grid;
		 width: 100% 
	}
	 .form-step {
		 display: grid 
	}
	 .order-mobile-list {
		 display: grid !important 
	}
	 .order-inline-form {
		 grid-template-columns: 1fr !important 
	}
	 .quick-order-form {
		 grid-template-columns: 1fr !important 
	}
	 .variant-row, .attr-row {
		 grid-template-columns: 1fr !important 
	}
	 .compact-stat {
		 min-height: auto 
	}
	 .num {
		 font-size: 25px !important 
	}
	 .money-num {
		 font-size: 21px !important 
	}
}
/* ShopNegar v1.0.2 - bot activation notices */
 .notice-board {
	 border: 1px solid rgba(34, 197, 94, .18);
	 background: linear-gradient(180deg, #ffffff, #f8fffb) 
}
 .notice-list {
	 display: grid;
	 gap: 10px;
	 margin-top: 10px 
}
 .notice-item {
	 display: flex;
	 gap: 10px;
	 align-items: flex-start;
	 border: 1px solid #e5e7eb;
	 border-radius: 16px;
	 padding: 12px 14px;
	 background: #fff 
}
 .notice-item span {
	 font-size: 20px;
	 line-height: 1 
}
 .notice-item b {
	 display: block;
	 font-size: 14px;
	 color: #111827;
	 margin-bottom: 4px 
}
 .notice-item small {
	 display: block;
	 color: #6b7280;
	 font-size: 12px;
	 direction: ltr;
	 text-align: right 
}
 .notice-item.ok {
	 border-color: rgba(34, 197, 94, .28);
	 background: #f0fdf4 
}
 .notice-item.danger {
	 border-color: rgba(239, 68, 68, .28);
	 background: #fef2f2 
}
 .alert {
	 border-radius: 16px;
	 padding: 12px 14px;
	 margin: 12px 0;
	 font-weight: 700 
}
 .alert.success {
	 background: #ecfdf5;
	 border: 1px solid #bbf7d0;
	 color: #166534 
}
 .alert.danger {
	 background: #fef2f2;
	 border: 1px solid #fecaca;
	 color: #991b1b 
}
/* ===== ShopNegar v1.0.3: plan-safe rendering, compact grids, bot guide ===== */
 html {
	 font-size: 14px 
}
 body {
	 font-size: 13.5px !important;
	 line-height: 1.65 
}
 .content-wrap {
	 font-size: 13.5px !important;
	 max-width: 1240px !important;
	 padding: 22px !important 
}
 .page-title, .page-hero h1, .page-head h1 {
	 font-size: clamp(20px, 2vw, 25px) !important;
	 line-height: 1.45 !important;
	 margin: 6px 0 !important 
}
 .page-hero, .page-head {
	 padding: 16px 0 12px !important;
	 margin-bottom: 12px !important 
}
 .page-kicker {
	 font-size: 10.5px !important;
	 padding: 5px 10px !important 
}
 .muted, .card-subtitle, small {
	 font-size: 12px !important;
	 line-height: 1.8 !important 
}
 .card {
	 border-radius: 22px !important;
	 padding: 15px !important;
	 margin-bottom: 12px !important;
	 box-shadow: 0 14px 38px rgba(6, 25, 29, .065) !important 
}
 .card-title, .form-section-title {
	 font-size: 15px !important;
	 line-height: 1.6 !important 
}
 .grid, .grid-2, .quick-grid, .kpi-grid {
	 gap: 11px !important;
	 margin-bottom: 12px !important 
}
 .quick-card {
	 border-radius: 20px !important;
	 padding: 13px !important;
	 gap: 10px !important 
}
 .quick-card .icon, .metric-icon {
	 width: 42px !important;
	 height: 42px !important;
	 border-radius: 16px !important;
	 font-size: 19px !important 
}
 .num {
	 font-size: clamp(20px, 1.9vw, 28px) !important;
	 margin-top: 3px !important 
}
 .label {
	 font-size: 12px !important 
}
 .hint {
	 font-size: 11.5px !important 
}
 .btn, button, .button, input[type="submit"] {
	 min-height: 39px !important;
	 border-radius: 14px !important;
	 padding: 8px 12px !important;
	 font-size: 12.5px !important;
	 box-shadow: none !important 
}
 input, select, textarea {
	 min-height: 40px !important;
	 border-radius: 13px !important;
	 padding: 9px 11px !important;
	 font-size: 13px !important 
}
 label {
	 font-size: 12.5px !important;
	 margin-bottom: 5px !important 
}
 .form-grid {
	 gap: 10px !important 
}
 .form-section {
	 border-radius: 18px !important;
	 padding: 13px !important;
	 margin-bottom: 10px !important 
}
 .table-wrap {
	 border-radius: 18px !important;
	 max-width: 100% !important;
	 overflow: auto !important 
}
 table {
	 min-width: 760px !important;
	 font-size: 12.5px !important 
}
 th, td {
	 padding: 9px 10px !important 
}
 th {
	 font-size: 11.5px !important 
}
 .badge {
	 font-size: 11px !important;
	 padding: 5px 9px !important 
}
 .thumb {
	 width: 48px !important;
	 height: 48px !important;
	 border-radius: 14px !important 
}
 .nav-item {
	 min-height: 42px !important;
	 padding: 8px 10px !important;
	 border-radius: 15px !important 
}
 .nav-item span {
	 width: 24px !important;
	 height: 24px !important;
	 border-radius: 9px !important 
}
 .nav-item b {
	 font-size: 12.5px !important 
}
 .nav-section-title {
	 font-size: 10.5px !important;
	 margin: 14px 8px 7px !important 
}
 .brand-title {
	 font-size: 17px !important 
}
 .brand-logo-wrap {
	 width: 48px !important;
	 height: 48px !important;
	 min-width: 48px !important;
	 border-radius: 18px !important 
}
 .sidebar {
	 padding: 16px 13px !important 
}
 .brand-card {
	 padding: 10px !important;
	 border-radius: 20px !important;
	 margin-bottom: 16px !important 
}
 .import-panel {
	 display: grid !important;
	 grid-template-columns: minmax(240px, 1fr) auto !important;
	 align-items: center !important;
	 background: linear-gradient(135deg, #f8fffd, #ffffff) !important;
	 overflow: hidden !important 
}
 .import-actions {
	 display: flex !important;
	 align-items: center !important;
	 justify-content: flex-end !important;
	 gap: 8px !important 
}
 .import-file-form {
	 display: flex !important;
	 align-items: center !important;
	 gap: 8px !important 
}
 .file-picker {
	 position: relative;
	 margin: 0 !important;
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 min-height: 39px;
	 border-radius: 14px;
	 border: 1px dashed rgba(14, 165, 164, .35);
	 background: #fff;
	 padding: 8px 12px;
	 font-weight: 900;
	 color: #0f766e;
	 cursor: pointer 
}
 .file-picker input {
	 position: absolute;
	 inset: 0;
	 opacity: 0;
	 cursor: pointer;
	 min-height: auto !important 
}
 .file-picker span {
	 white-space: nowrap 
}
 .guide-alert, .setup-callout {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 padding: 14px 16px;
	 margin-bottom: 12px;
	 border-radius: 22px;
	 border: 1px solid rgba(14, 165, 164, .18);
	 background: linear-gradient(135deg, #ecfffb, #ffffff);
	 box-shadow: 0 14px 34px rgba(6, 25, 29, .06) 
}
 .guide-alert b, .setup-callout b {
	 display: block;
	 font-size: 15px;
	 color: #073b3c;
	 margin-bottom: 2px 
}
 .guide-alert span, .setup-callout span {
	 display: block;
	 color: #64748b;
	 font-size: 12.5px;
	 line-height: 1.8 
}
 .setup-actions {
	 display: flex;
	 align-items: center;
	 gap: 8px;
	 flex-wrap: wrap 
}
 .bot-token-layout {
	 display: grid;
	 grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
	 gap: 14px;
	 align-items: start 
}
 .bot-guide-card {
	 background: #fff;
	 border: 1px solid rgba(14, 165, 164, .18);
	 border-radius: 18px;
	 padding: 14px;
	 display: grid;
	 gap: 9px 
}
 .bot-guide-card b {
	 font-size: 14px;
	 color: #073b3c 
}
 .bot-guide-card ol {
	 margin: 0;
	 padding-right: 18px;
	 color: #334155;
	 line-height: 2 
}
 .bot-guide-card li {
	 font-size: 12.5px 
}
 .botfather-box {
	 display: grid;
	 gap: 8px;
	 padding: 12px;
	 border-radius: 18px;
	 background: #f8fffd;
	 border: 1px solid rgba(14, 165, 164, .14) 
}
 .botfather-box code, .bot-guide-card code {
	 direction: ltr;
	 text-align: left;
	 display: inline-flex;
	 width: max-content 
}
 .onboarding-grid {
	 align-items: start 
}
 .product-attrs-head {
	 gap: 10px !important 
}
 .attr-row, .variant-row {
	 gap: 7px !important 
}
 .modal-card.wide {
	 max-width: min(980px, 96vw) !important 
}
 .modal-head h2 {
	 font-size: 18px !important;
	 margin: 0 !important 
}
 @media(max-width:980px) {
	 .import-panel, .bot-token-layout {
		 grid-template-columns: 1fr !important 
	}
	 .import-actions, .import-file-form, .setup-actions {
		 display: grid !important;
		 width: 100% !important 
	}
	 .guide-alert, .setup-callout {
		 display: grid !important 
	}
	 .guide-alert .btn, .setup-actions .btn {
		 width: 100% !important 
	}
	 .content-wrap {
		 padding: 16px 12px 76px !important 
	}
	 .card {
		 padding: 13px !important 
	}
	 .page-title, .page-hero h1, .page-head h1 {
		 font-size: 22px !important 
	}
	 table {
		 min-width: 680px !important 
	}
}
 @media(max-width:520px) {
	 body {
		 font-size: 13px !important 
	}
	 .content-wrap {
		 padding: 12px 10px 76px !important 
	}
	 .btn, button, .button, input[type="submit"] {
		 width: 100%;
		 font-size: 12.3px !important 
	}
	 .num {
		 font-size: 22px !important 
	}
	 .card-title, .form-section-title {
		 font-size: 14.5px !important 
	}
	 th, td {
		 padding: 8px !important 
	}
	 .file-picker {
		 width: 100% 
	}
}
/* ===== ShopNegar v1.0.5 - Negar default theme for all management pages ===== */
 :root {
	 --primary: #19C9C2;
	 --primary-2: #0B68C7;
	 --primary-soft: #E9FBFB;
	 --navy: #081D56;
	 --navy-2: #08337E;
	 --gold: #F7B731;
	 --bg: #F4FBFB;
	 --surface: #FFFFFF;
	 --surface-2: #F8FDFD;
	 --text: #0B1730;
	 --muted: #66788F;
	 --line: rgba(8, 37, 111, .12);
	 --panel-bg: #F4FBFB;
	 --panel-card: #FFFFFF;
	 --panel-border: rgba(8, 37, 111, .12);
	 --panel-text: #0B1730;
	 --panel-muted: #66788F;
	 --panel-primary: #19C9C2;
	 --panel-primary-2: #0B68C7;
	 --panel-gold: #F7B731;
	 --shadow: 0 22px 64px rgba(8, 37, 111, .09);
}
 html {
	 background: var(--bg) !important 
}
 body:not(.miniapp-body):not(.public-body-v104):not(.auth-body-v104) {
	 color: var(--text) !important;
	 background: radial-gradient(circle at 15% 7%, rgba(25, 201, 194, .18), transparent 28%), radial-gradient(circle at 88% 12%, rgba(8, 37, 111, .10), transparent 34%), linear-gradient(180deg, #ffffff 0%, #f4fbfb 55%, #eef8f7 100%) !important;
}
 .sidebar {
	 background: radial-gradient(circle at 15% 5%, rgba(25, 201, 194, .22), transparent 30%), linear-gradient(180deg, #071B53 0%, #08256F 58%, #06324F 100%) !important;
	 box-shadow: -18px 0 60px rgba(8, 37, 111, .20) !important;
}
 .brand-card {
	 border-color: rgba(25, 201, 194, .24) !important;
	 background: rgba(255, 255, 255, .075) !important 
}
 .brand-subtitle, .user-pill small, .nav-section-title {
	 color: #BFF7F4 !important 
}
 .nav-item {
	 color: #E8FCFF !important 
}
 .nav-item.active, .btn:not(.secondary):not(.danger):not(.ok):not(.gold), button:not(.secondary):not(.danger):not(.ok):not(.gold), .page-kicker, .quick-card .icon {
	 background: linear-gradient(135deg, #19C9C2, #0B68C7) !important;
	 color: #fff !important;
}
 .btn.secondary, button.secondary {
	 background: #fff !important;
	 color: #0B3A70 !important;
	 border-color: rgba(8, 37, 111, .14) !important 
}
 .card, .quick-card, .form-section, .table-wrap {
	 border-color: rgba(8, 37, 111, .10) !important;
	 box-shadow: 0 18px 52px rgba(8, 37, 111, .075) !important;
}
 th {
	 background: #F5FBFD !important;
	 color: #173454 !important 
}
 input:focus, select:focus, textarea:focus {
	 border-color: #19C9C2 !important;
	 box-shadow: 0 0 0 4px rgba(25, 201, 194, .14) !important 
}
 .badge.info, .page-kicker {
	 background: #E9FBFB !important;
	 color: #086977 !important;
	 border: 1px solid rgba(25, 201, 194, .18) !important 
}
 .num, .money-num {
	 color: #0B1730 !important 
}
 .color-picker-row-v105 {
	 display: grid;
	 grid-template-columns: 72px 1fr;
	 gap: 12px;
	 align-items: center 
}
 .color-picker-row-v105 input[type="color"] {
	 width: 72px !important;
	 height: 48px !important;
	 min-height: 48px !important;
	 padding: 4px !important;
	 border-radius: 16px !important;
	 cursor: pointer;
	 background: #fff !important 
}
 .color-picker-row-v105 .color-code-v105 {
	 height: 48px;
	 display: flex;
	 align-items: center;
	 padding: 0 13px;
	 border: 1px solid rgba(8, 37, 111, .12);
	 border-radius: 16px;
	 background: #fff;
	 color: #0B1730;
	 font-weight: 900;
	 direction: ltr;
	 text-align: left 
}
 .color-help-v105 {
	 display: block;
	 margin-top: 8px;
	 color: #66788F;
	 font-size: 12px;
	 line-height: 1.85 
}
/* ===== ShopNegar v1.0.6 - Sky Blue default admin theme + platform grids ===== */
 :root {
	 --primary: #18BFD0;
	 --primary-2: #0B68C7;
	 --primary-soft: #E8F9FF;
	 --bg: #F3FBFF;
	 --surface-2: #F7FCFF;
	 --line: #D6EAF3;
	 --info: #0B68C7;
	 --info-soft: #EAF4FF;
}
 html {
	 background: #F3FBFF !important 
}
 body {
	 background: radial-gradient(circle at 100% 0%, rgba(24, 191, 208, .18), transparent 34%), radial-gradient(circle at 0% 8%, rgba(11, 104, 199, .08), transparent 30%), linear-gradient(180deg, #FBFDFF 0%, #F0F9FF 100%) !important;
}
 .card, .quick-card, .table-wrap, input, select, textarea {
	 border-color: rgba(11, 104, 199, .13) !important 
}
 th {
	 background: #F3FAFF !important;
	 color: #24445A !important 
}
 tr:hover td {
	 background: #FAFDFF !important 
}
 .page-kicker {
	 background: #E8F9FF !important;
	 color: #075985 !important 
}
 .platform-hero {
	 background: linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(232, 249, 255, .86)) !important;
	 border-color: rgba(11, 104, 199, .12) !important 
}
 .platform-explainer .soft-card {
	 background: linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(240, 249, 255, .82)) !important 
}
 .metric-icon {
	 background: linear-gradient(135deg, #E8F9FF, #EEF6FF) !important 
}
 .stat:after {
	 background: rgba(24, 191, 208, .10) !important 
}
 .btn.secondary, button.secondary {
	 background: #F6FCFF !important;
	 color: #16445B !important;
	 border-color: rgba(11, 104, 199, .15) !important 
}
 .empty {
	 background: linear-gradient(135deg, #fff, #F7FCFF) !important;
	 border-color: rgba(11, 104, 199, .22) !important 
}
 .store-grid-v106 {
	 display: grid;
	 grid-template-columns: repeat(3, minmax(0, 1fr));
	 gap: 14px 
}
 .store-card-v106 {
	 display: flex;
	 flex-direction: column;
	 background: rgba(255, 255, 255, .90);
	 border: 1px solid rgba(11, 104, 199, .12);
	 border-radius: 26px;
	 box-shadow: 0 16px 45px rgba(8, 47, 73, .08);
	 overflow: hidden;
	 transition: .16s ease 
}
 .store-card-v106:hover {
	 transform: translateY(-2px);
	 box-shadow: 0 22px 55px rgba(8, 47, 73, .12) 
}
 .store-card-main-v106 {
	 display: grid;
	 gap: 12px;
	 padding: 16px;
	 color: inherit 
}
 .store-card-top-v106 {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 gap: 10px 
}
 .store-card-top-v106 h3 {
	 margin: 0;
	 font-size: 17px;
	 line-height: 1.6 
}
 .store-card-top-v106 span {
	 display: block;
	 color: #64748b;
	 font-size: 12px;
	 margin-top: 2px 
}
 .store-status-v106 {
	 padding: 6px 10px;
	 border-radius: 999px;
	 font-size: 12px;
	 font-weight: 950;
	 white-space: nowrap 
}
 .store-status-v106.is-ok {
	 background: #DCFCE7;
	 color: #166534 
}
 .store-status-v106.is-bad {
	 background: #FFF1F2;
	 color: #9F1239 
}
 .store-meta-v106 {
	 display: grid;
	 gap: 7px;
	 color: #475569;
	 font-size: 12.5px 
}
 .store-meta-v106 span {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 8px;
	 padding: 7px 9px;
	 border-radius: 14px;
	 background: #F7FCFF;
	 border: 1px solid rgba(11, 104, 199, .08) 
}
 .store-numbers-v106 {
	 display: grid;
	 grid-template-columns: repeat(3, 1fr);
	 gap: 8px 
}
 .store-numbers-v106 div {
	 min-height: 66px;
	 border-radius: 18px;
	 background: linear-gradient(180deg, #fff, #F5FBFF);
	 border: 1px solid rgba(11, 104, 199, .09);
	 display: grid;
	 place-items: center;
	 text-align: center 
}
 .store-numbers-v106 b {
	 font-size: 20px;
	 color: #075985 
}
 .store-numbers-v106 span {
	 font-size: 11px;
	 color: #64748b;
	 font-weight: 900 
}
 .store-card-actions-v106 {
	 display: grid;
	 grid-template-columns: 1fr 1fr;
	 gap: 8px;
	 padding: 12px 16px 16px;
	 border-top: 1px solid rgba(11, 104, 199, .08) 
}
 .store-card-actions-v106 .btn {
	 width: 100%;
	 min-height: 40px 
}
 .compact-warnings-v106 {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 6px 
}
 .compact-warnings-v106 span {
	 font-size: 11.5px;
	 background: #FFF7ED;
	 color: #9A3412;
	 border: 1px solid #FED7AA;
	 border-radius: 999px;
	 padding: 5px 8px 
}
 .small-num-v106 {
	 font-size: 22px !important 
}
 .store-detail-form-v106 {
	 grid-template-columns: repeat(2, minmax(0, 1fr)) 
}
 .store-detail-form-v106 .full {
	 grid-column: 1/-1 
}
 .store-edit-layout-v106 {
	 align-items: start 
}
 .store-health-grid-v106 {
	 grid-template-columns: repeat(4, minmax(0, 1fr)) 
}
 .warning-card-v106 {
	 border-color: rgba(245, 158, 11, .18) !important;
	 background: linear-gradient(135deg, #fff, #FFF7ED) !important 
}
 .stack-actions-v106 {
	 display: flex;
	 gap: 10px;
	 flex-wrap: wrap;
	 margin-bottom: 14px 
}
 .stack-actions-v106 form {
	 display: inline-flex 
}
 .danger-zone-v106 {
	 margin-top: 12px;
	 padding-top: 14px;
	 border-top: 1px dashed rgba(225, 29, 72, .18) 
}
 .mini-log-v106 {
	 display: grid;
	 gap: 8px 
}
 .mini-log-v106>b {
	 margin-top: 8px;
	 color: #0f172a 
}
 .mini-log-v106>div {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 10px;
	 padding: 9px 11px;
	 border-radius: 14px;
	 background: #F7FCFF;
	 border: 1px solid rgba(11, 104, 199, .09) 
}
 .mini-log-v106 em {
	 font-style: normal;
	 font-weight: 950 
}
 .ok-text {
	 color: #166534 
}
 .bad-text {
	 color: #b91c1c 
}
 .compact-form-v106 input, .compact-form-v106 select, .store-detail-form-v106 input, .store-detail-form-v106 select, .store-detail-form-v106 textarea {
	 min-height: 42px !important 
}
 .platform-store-overview-v106 .card-header {
	 align-items: center 
}
 @media(max-width:1180px) {
	 .store-grid-v106 {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) 
	}
	 .store-health-grid-v106 {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) 
	}
}
 @media(max-width:760px) {
	 .store-grid-v106, .store-detail-form-v106, .store-edit-layout-v106, .store-health-grid-v106 {
		 grid-template-columns: 1fr 
	}
	 .store-card-actions-v106 {
		 grid-template-columns: 1fr 
	}
	 .store-card-v106 {
		 border-radius: 22px 
	}
	 .content-wrap {
		 padding: 16px 
	}
	 .page-title {
		 font-size: 23px 
	}
}
/* ===== ShopNegar v1.0.7 - plan matrix, orders grid, public spacing ===== */
 .plans-matrix-wrap-v104 {
	 max-width: 1180px;
	 margin-inline: auto;
	 overflow-x: auto;
	 border-radius: 28px;
	 background: rgba(255, 255, 255, .72);
	 box-shadow: 0 22px 70px rgba(14, 58, 98, .08) 
}
 .plans-matrix-v104 {
	 min-width: 980px;
	 font-size: 13px 
}
 .plans-matrix-v104 th, .plans-matrix-v104 td {
	 padding: 12px 14px 
}
 .plans-matrix-v104 thead th {
	 background: linear-gradient(180deg, #eef8ff, #fff) 
}
 .plans-matrix-v104 thead th.featured-col {
	 background: linear-gradient(180deg, #dff7ff, #eef9ff) 
}
 .orders-kpi-v107 {
	 display: grid;
	 grid-template-columns: repeat(4, minmax(0, 1fr));
	 gap: 14px;
	 margin-bottom: 18px 
}
 .orders-board-v107 {
	 padding: 16px !important;
	 overflow: hidden 
}
 .orders-board-head-v107 {
	 align-items: center 
}
 .orders-table-shell-v107 {
	 width: 100%;
	 overflow: auto;
	 border: 1px solid rgba(11, 104, 199, .12);
	 border-radius: 22px;
	 background: #fff 
}
 .orders-table-v107 {
	 width: 100%;
	 min-width: 1040px;
	 border-collapse: separate;
	 border-spacing: 0 
}
 .orders-table-v107 th {
	 font-size: 12px;
	 background: #f1f8ff;
	 color: #173b5d 
}
 .orders-table-v107 td {
	 font-size: 13px;
	 vertical-align: top 
}
 .orders-table-v107 small {
	 display: block;
	 color: #64748b;
	 line-height: 1.8 
}
 .order-no-v107 b {
	 font-size: 13px 
}
 .order-items-mini-v107 {
	 display: flex;
	 gap: 6px;
	 flex-wrap: wrap;
	 max-width: 300px 
}
 .order-items-mini-v107 span {
	 display: inline-flex;
	 max-width: 260px;
	 padding: 5px 9px;
	 border-radius: 999px;
	 background: #f7fcff;
	 border: 1px solid rgba(11, 104, 199, .12);
	 font-size: 12px;
	 white-space: normal 
}
 .order-actions-v107 {
	 display: grid;
	 gap: 8px;
	 min-width: 260px 
}
 .order-actions-v107 form {
	 display: grid;
	 grid-template-columns: 1fr 1fr auto;
	 gap: 7px;
	 align-items: center 
}
 .order-actions-v107 form+form {
	 grid-template-columns: 1fr 
}
 .order-actions-v107 input, .order-actions-v107 select {
	 min-height: 40px;
	 padding: 9px;
	 border-radius: 13px 
}
 .mobile-only-v107 {
	 display: none 
}
 .desktop-only-v107 {
	 display: block 
}
 .orders-card-grid-v107 {
	 display: grid;
	 gap: 12px 
}
 .order-card-v107 {
	 background: #fff;
	 border: 1px solid rgba(11, 104, 199, .12);
	 border-radius: 22px;
	 padding: 13px;
	 box-shadow: 0 18px 45px rgba(14, 58, 98, .07) 
}
 .order-card-v107 header {
	 display: flex;
	 justify-content: space-between;
	 gap: 10px;
	 align-items: flex-start;
	 margin-bottom: 10px 
}
 .order-card-v107 header small {
	 display: block;
	 color: #64748b;
	 margin-top: 3px 
}
 .order-info-v107 {
	 display: grid;
	 grid-template-columns: 1fr 1fr;
	 gap: 9px 
}
 .order-info-v107 div {
	 background: #f8fcff;
	 border: 1px solid rgba(11, 104, 199, .10);
	 border-radius: 16px;
	 padding: 9px 
}
 .order-info-v107 .full {
	 grid-column: 1/-1 
}
 .order-info-v107 span {
	 display: block;
	 font-size: 11px;
	 color: #64748b;
	 font-weight: 900 
}
 .order-info-v107 b {
	 font-size: 13px 
}
 .order-info-v107 p {
	 margin: 4px 0 0;
	 color: #334155;
	 line-height: 1.8 
}
 .quick-order-form-v107 {
	 display: grid;
	 grid-template-columns: 1fr 1fr;
	 gap: 8px;
	 margin-top: 10px 
}
 .quick-order-form-v107 button {
	 grid-column: 1/-1 
}
 .quick-order-form-v107 input, .quick-order-form-v107 select {
	 min-width: 0 
}
 .public-footer-v104 {
	 margin-top: 28px !important 
}
 .public-main-v104 {
	 padding-bottom: 28px !important 
}
 @media(max-width:980px) {
	 .orders-kpi-v107 {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) 
	}
	 .desktop-only-v107 {
		 display: none !important 
	}
	 .mobile-only-v107 {
		 display: grid !important 
	}
	 .orders-board-v107 {
		 padding: 12px !important 
	}
	 .orders-board-head-v107 {
		 display: grid !important 
	}
	 .searchbox input {
		 width: 100%;
		 min-width: 0 
	}
	 .plans-matrix-v104 {
		 min-width: 860px 
	}
}
 @media(max-width:560px) {
	 .orders-kpi-v107 {
		 grid-template-columns: 1fr 
	}
	 .order-info-v107 {
		 grid-template-columns: 1fr 
	}
	 .quick-order-form-v107 {
		 grid-template-columns: 1fr 
	}
	 .page-actions .btn {
		 width: 100% 
	}
	 .plans-matrix-wrap-v104 {
		 margin-inline: -10px;
		 border-radius: 18px 
	}
	 .plans-matrix-v104 {
		 min-width: 820px;
		 font-size: 12px 
	}
	 .plans-matrix-v104 th, .plans-matrix-v104 td {
		 padding: 10px 
	}
}
/* ===== Patch 03: Seller workdesk UX inspired by marketplace dashboards ===== */
 .workdesk-hero-v016 {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 18px;
	 margin-bottom: 18px;
	 padding: 20px;
	 border-radius: 28px;
	 background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(232, 249, 255, .86));
	 border: 1px solid rgba(11, 104, 199, .12);
	 box-shadow: 0 18px 52px rgba(8, 47, 73, .075) 
}
 .workdesk-hero-v016 h1 {
	 margin: 8px 0 6px;
	 font-size: 28px 
}
 .workdesk-actions-v016 {
	 display: flex;
	 gap: 9px;
	 flex-wrap: wrap;
	 justify-content: flex-end 
}
 .workdesk-kpis-v016 {
	 margin-bottom: 16px 
}
 .workdesk-grid-v016 {
	 display: grid;
	 grid-template-columns: 1.1fr .9fr;
	 gap: 16px;
	 margin-bottom: 16px 
}
 .workdesk-card-v016 {
	 border-radius: 26px !important 
}
 .workdesk-alert-v016 {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 14px;
	 margin-bottom: 16px;
	 border-color: rgba(245, 158, 11, .20) !important;
	 background: linear-gradient(135deg, #fff, #fff7ed) !important 
}
 .workdesk-alert-v016 b {
	 display: block;
	 margin-bottom: 4px 
}
 .workdesk-alert-v016 span {
	 display: block;
	 color: #64748b 
}
 .pro-task-list-v016 {
	 display: grid;
	 gap: 9px 
}
 .pro-task-list-v016 .task-row {
	 padding: 11px 12px;
	 border-radius: 17px;
	 background: #f7fcff;
	 border: 1px solid rgba(11, 104, 199, .10);
	 font-weight: 850;
	 color: #334155 
}
 .setup-progress-v016 {
	 display: grid;
	 gap: 8px 
}
 .setup-progress-v016 .check-row {
	 display: grid;
	 grid-template-columns: 28px 1fr;
	 align-items: center;
	 gap: 8px;
	 padding: 10px 11px;
	 border-radius: 16px;
	 background: #fff7ed;
	 border: 1px solid rgba(245, 158, 11, .18);
	 color: #9a3412 
}
 .setup-progress-v016 .check-row.done {
	 background: #f0fdf4;
	 border-color: rgba(34, 197, 94, .22);
	 color: #166534 
}
 .setup-progress-v016 .check-row b {
	 font-size: 13px 
}
 .workdesk-orders-v016 {
	 display: grid;
	 grid-template-columns: repeat(4, minmax(0, 1fr));
	 gap: 12px 
}
 .workdesk-orders-v016 .order-card {
	 display: grid;
	 gap: 6px;
	 min-height: 116px;
	 border-radius: 20px;
	 background: linear-gradient(180deg, #fff, #f8fcff);
	 border: 1px solid rgba(11, 104, 199, .10);
	 padding: 12px 
}
 .workdesk-orders-v016 .order-card b {
	 font-size: 13px 
}
 .workdesk-orders-v016 .order-card span {
	 font-weight: 950;
	 color: #0B68C7 
}
 .workdesk-orders-v016 .order-card small {
	 color: #64748b 
}
 .workdesk-orders-v016 .order-card a {
	 font-weight: 900;
	 color: #075985 
}
 .workdesk-empty-v016 {
	 grid-column: 1/-1;
	 padding: 22px;
	 text-align: center 
}
 .workdesk-empty-v016 b {
	 display: block;
	 margin-bottom: 6px 
}
 .workdesk-empty-v016 span {
	 color: #64748b 
}
 @media(max-width:1100px) {
	 .workdesk-hero-v016 {
		 display: grid 
	}
	 .workdesk-actions-v016 {
		 justify-content: flex-start 
	}
	 .workdesk-grid-v016 {
		 grid-template-columns: 1fr 
	}
	 .workdesk-orders-v016 {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) 
	}
}
 @media(max-width:620px) {
	 .workdesk-hero-v016 h1 {
		 font-size: 22px 
	}
	 .workdesk-actions-v016 .btn {
		 width: 100% 
	}
	 .workdesk-orders-v016 {
		 grid-template-columns: 1fr 
	}
	 .workdesk-alert-v016 {
		 display: grid 
	}
}
 :root {
	 --primary: #17D6BE;
	 --primary-2: #0EA5A4;
	 --primary-soft: #DFFFF8;
	 --navy: #06191D;
	 --navy-2: #0B2C31;
	 --gold: #F7B731;
	 --bg: #F5FFFC;
	 --surface: #FFFFFF;
	 --surface-2: #F8FFFD;
	 --text: #071827;
	 --muted: #64748B;
	 --line: #DDEDEA;
	 --bad: #E11D48;
	 --bad-soft: #FFF1F2;
	 --warn: #F59E0B;
	 --warn-soft: #FFF7ED;
	 --ok: #10B981;
	 --ok-soft: #ECFDF5;
	 --info: #0EA5E9;
	 --info-soft: #EFF6FF;
	 --shadow: 0 18px 55px rgba(6, 25, 29, .09);
	 --sidebar-w: 302px;
}
 * {
	 box-sizing: border-box 
}
 html {
	 background: var(--bg) 
}
 body {
	 margin: 0;
	 min-height: 100vh;
	 color: var(--text);
	 font-family: Tahoma, Arial, "Segoe UI", sans-serif;
	 background: radial-gradient(circle at 100% 0%, rgba(23, 214, 190, .20), transparent 35%), radial-gradient(circle at 0% 8%, rgba(247, 183, 49, .10), transparent 28%), linear-gradient(180deg, #FBFFFD 0%, #F0FBF8 100%) 
}
 a {
	 color: inherit;
	 text-decoration: none 
}
 img {
	 max-width: 100% 
}
 .muted {
	 color: var(--muted);
	 line-height: 1.9 
}
 .ltr {
	 direction: ltr;
	 text-align: left 
}
 .app-shell {
	 display: grid;
	 grid-template-columns: var(--sidebar-w) 1fr;
	 min-height: 100vh 
}
 .sidebar {
	 position: sticky;
	 top: 0;
	 height: 100vh;
	 overflow: auto;
	 padding: 20px 16px;
	 display: flex;
	 flex-direction: column;
	 background: radial-gradient(circle at 20% 0%, rgba(23, 214, 190, .22), transparent 32%), linear-gradient(180deg, var(--navy), var(--navy-2));
	 color: #fff;
	 box-shadow: -18px 0 60px rgba(6, 25, 29, .20);
	 z-index: 30 
}
 .brand-card {
	 display: flex;
	 align-items: center;
	 gap: 12px;
	 padding: 13px;
	 border-radius: 26px;
	 background: rgba(255, 255, 255, .07);
	 border: 1px solid rgba(23, 214, 190, .22);
	 box-shadow: 0 18px 38px rgba(0, 0, 0, .16);
	 margin-bottom: 22px 
}
 .brand-logo-wrap {
	 width: 60px;
	 height: 60px;
	 min-width: 60px;
	 display: grid;
	 place-items: center;
	 border-radius: 22px;
	 background: rgba(255, 255, 255, .06);
	 border: 1px solid rgba(23, 214, 190, .30);
	 overflow: hidden 
}
 .brand-logo-wrap img {
	 width: 84%;
	 height: 84%;
	 object-fit: contain 
}
 .brand-logo-wrap span {
	 display: none;
	 color: var(--primary);
	 font-weight: 950 
}
 .brand-title {
	 font-size: 20px;
	 font-weight: 950;
	 letter-spacing: -.02em 
}
 .brand-subtitle {
	 color: #A7F3E7;
	 font-size: 11.5px;
	 line-height: 1.7;
	 margin-top: 2px 
}
 .nav-section-title {
	 color: #BCEFE7;
	 font-size: 11px;
	 font-weight: 900;
	 margin: 17px 10px 8px;
	 letter-spacing: .02em 
}
 .nav-list {
	 display: grid;
	 gap: 6px 
}
 .nav-item {
	 display: flex;
	 align-items: center;
	 gap: 10px;
	 min-height: 48px;
	 padding: 10px 12px;
	 border-radius: 18px;
	 color: #DDFCF6;
	 transition: .15s ease 
}
 .nav-item span {
	 width: 28px;
	 height: 28px;
	 display: grid;
	 place-items: center;
	 border-radius: 11px;
	 background: rgba(255, 255, 255, .07) 
}
 .nav-item b {
	 font-size: 13px 
}
 .nav-item:hover {
	 background: rgba(255, 255, 255, .08);
	 transform: translateX(-2px) 
}
 .nav-item.active {
	 background: linear-gradient(135deg, var(--primary), var(--primary-2));
	 color: var(--navy);
	 box-shadow: 0 14px 34px rgba(23, 214, 190, .22) 
}
 .nav-item.active span {
	 background: rgba(6, 25, 29, .08) 
}
 .sidebar-footer {
	 margin-top: auto;
	 padding-top: 18px 
}
 .user-pill {
	 display: flex;
	 align-items: center;
	 gap: 10px;
	 padding: 12px;
	 border-radius: 20px;
	 background: rgba(255, 255, 255, .07);
	 border: 1px solid rgba(255, 255, 255, .10) 
}
 .user-pill span {
	 width: 38px;
	 height: 38px;
	 display: grid;
	 place-items: center;
	 border-radius: 15px;
	 background: rgba(23, 214, 190, .14) 
}
 .user-pill b {
	 display: block 
}
 .user-pill small {
	 color: #A7F3E7 
}
 .logout-link {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 margin-top: 10px;
	 height: 44px;
	 border-radius: 16px;
	 background: rgba(255, 255, 255, .08);
	 color: #FEE2E2;
	 font-weight: 900 
}
 .main {
	 min-width: 0 
}
 .mobile-topbar {
	 display: none 
}
 .content-wrap {
	 padding: 26px;
	 max-width: 1400px;
	 margin: 0 auto 
}
 .page-hero {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 gap: 16px;
	 margin-bottom: 18px 
}
 .page-kicker {
	 display: inline-flex;
	 align-items: center;
	 gap: 6px;
	 padding: 6px 11px;
	 border-radius: 999px;
	 background: var(--primary-soft);
	 color: #08756D;
	 font-size: 11px;
	 font-weight: 950 
}
 .page-title {
	 font-size: 28px;
	 line-height: 1.45;
	 margin: 8px 0 4px;
	 letter-spacing: -.03em 
}
 .page-actions {
	 display: flex;
	 gap: 8px;
	 align-items: center;
	 flex-wrap: wrap 
}
 .topbar {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 14px;
	 margin-bottom: 18px 
}
 .grid {
	 display: grid;
	 grid-template-columns: repeat(4, minmax(0, 1fr));
	 gap: 14px;
	 margin-bottom: 16px 
}
 .grid-2 {
	 display: grid;
	 grid-template-columns: repeat(2, minmax(0, 1fr));
	 gap: 14px;
	 margin-bottom: 16px 
}
 .quick-grid {
	 display: grid;
	 grid-template-columns: repeat(4, minmax(0, 1fr));
	 gap: 14px;
	 margin: 16px 0 
}
 .card, .quick-card {
	 background: rgba(255, 255, 255, .86);
	 border: 1px solid rgba(14, 165, 164, .12);
	 border-radius: 28px;
	 box-shadow: var(--shadow);
	 backdrop-filter: blur(8px) 
}
 .card {
	 padding: 18px;
	 margin-bottom: 16px 
}
 .glass {
	 background: rgba(255, 255, 255, .70) 
}
 .quick-card {
	 padding: 16px;
	 display: flex;
	 align-items: center;
	 gap: 12px;
	 transition: .15s ease 
}
 .quick-card:hover {
	 transform: translateY(-2px);
	 box-shadow: 0 22px 55px rgba(6, 25, 29, .12) 
}
 .quick-card .icon {
	 width: 48px;
	 height: 48px;
	 display: grid;
	 place-items: center;
	 border-radius: 18px;
	 background: linear-gradient(135deg, var(--primary), var(--gold));
	 color: var(--navy);
	 font-size: 22px 
}
 .stat {
	 position: relative;
	 overflow: hidden 
}
 .stat:after {
	 content: "";
	 position: absolute;
	 left: -45px;
	 bottom: -55px;
	 width: 140px;
	 height: 140px;
	 border-radius: 999px;
	 background: rgba(23, 214, 190, .10) 
}
 .metric-row {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px 
}
 .label {
	 font-size: 12px;
	 color: var(--muted);
	 font-weight: 900 
}
 .num {
	 font-size: 28px;
	 font-weight: 950;
	 margin-top: 6px 
}
 .hint {
	 font-size: 11.5px;
	 color: #7c9290;
	 line-height: 1.8 
}
 .metric-icon {
	 width: 56px;
	 height: 56px;
	 display: grid;
	 place-items: center;
	 border-radius: 21px;
	 background: linear-gradient(135deg, #E6FFFA, #FFF7DF);
	 font-size: 24px 
}
 .card-header {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 margin-bottom: 14px 
}
 .card-title {
	 font-size: 18px;
	 font-weight: 950 
}
 .card-subtitle {
	 font-size: 12px;
	 color: var(--muted);
	 margin-top: 4px 
}
 .searchbox input {
	 min-width: 240px 
}
 .table-wrap {
	 overflow: auto;
	 border: 1px solid rgba(14, 165, 164, .12);
	 border-radius: 22px;
	 background: #fff 
}
 table {
	 width: 100%;
	 border-collapse: collapse;
	 min-width: 720px 
}
 th, td {
	 padding: 13px 14px;
	 border-bottom: 1px solid #edf4f2;
	 text-align: right;
	 vertical-align: middle 
}
 th {
	 background: #f5fffc;
	 color: #315c5a;
	 font-size: 12px;
	 font-weight: 950;
	 position: sticky;
	 top: 0 
}
 tr:hover td {
	 background: #fbfffd 
}
 .btn, button {
	 border: 0;
	 border-radius: 17px;
	 background: linear-gradient(135deg, var(--primary), var(--primary-2));
	 color: var(--navy);
	 padding: 11px 15px;
	 min-height: 44px;
	 cursor: pointer;
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 gap: 7px;
	 font-family: inherit;
	 font-weight: 950;
	 box-shadow: 0 12px 26px rgba(23, 214, 190, .18);
	 transition: .15s ease 
}
 .btn:hover, button:hover {
	 transform: translateY(-1px);
	 box-shadow: 0 18px 35px rgba(23, 214, 190, .22) 
}
 .btn.secondary, button.secondary {
	 background: #F3FFFC;
	 color: #174346;
	 border: 1px solid rgba(14, 165, 164, .16);
	 box-shadow: none 
}
 .btn.danger, button.danger {
	 background: var(--bad);
	 color: #fff 
}
 .btn.ok, button.ok {
	 background: var(--ok);
	 color: #fff 
}
 .btn.gold, button.gold {
	 background: linear-gradient(135deg, var(--gold), #F97316);
	 color: #211407 
}
 button:disabled {
	 opacity: .58;
	 cursor: not-allowed;
	 transform: none 
}
 .form-grid {
	 display: grid;
	 grid-template-columns: repeat(3, minmax(0, 1fr));
	 gap: 14px 
}
 .form-grid .full {
	 grid-column: 1/-1 
}
 .form-section {
	 border: 1px solid rgba(14, 165, 164, .12);
	 border-radius: 22px;
	 padding: 16px;
	 background: var(--surface-2);
	 margin-bottom: 14px 
}
 .form-section-title {
	 font-weight: 950;
	 margin-bottom: 10px 
}
 input, select, textarea {
	 width: 100%;
	 border: 1px solid var(--line);
	 border-radius: 16px;
	 padding: 12px;
	 background: white;
	 font-family: inherit;
	 color: var(--text);
	 outline: none;
	 transition: .15s ease;
	 min-height: 45px 
}
 input:focus, select:focus, textarea:focus {
	 border-color: var(--primary);
	 box-shadow: 0 0 0 4px rgba(23, 214, 190, .13) 
}
 input[type="checkbox"] {
	 width: 20px;
	 height: 20px;
	 min-height: 20px;
	 accent-color: var(--primary) 
}
 label {
	 font-size: 13px;
	 color: #334155;
	 margin-bottom: 7px;
	 display: block;
	 font-weight: 900 
}
 .badge {
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 gap: 6px;
	 padding: 6px 11px;
	 border-radius: 999px;
	 background: #e5e7eb;
	 font-size: 12px;
	 font-weight: 950;
	 white-space: nowrap 
}
 .badge.ok {
	 background: var(--ok-soft);
	 color: #166534 
}
 .badge.warn {
	 background: var(--warn-soft);
	 color: #92400e 
}
 .badge.bad {
	 background: var(--bad-soft);
	 color: #991b1b 
}
 .badge.info {
	 background: var(--info-soft);
	 color: #075985 
}
 .empty {
	 padding: 36px 20px;
	 text-align: center;
	 color: var(--muted);
	 background: linear-gradient(135deg, #fff, #f7fffc);
	 border: 1px dashed rgba(14, 165, 164, .24);
	 border-radius: 24px;
	 line-height: 1.9 
}
 .thumb {
	 width: 62px;
	 height: 62px;
	 object-fit: cover;
	 border-radius: 18px;
	 border: 1px solid rgba(14, 165, 164, .13);
	 background: #f8fffd 
}
 .preview {
	 max-width: 260px;
	 max-height: 210px;
	 border-radius: 20px;
	 border: 1px solid rgba(14, 165, 164, .13);
	 background: #f8fffd;
	 object-fit: cover 
}
 .inline {
	 display: flex;
	 gap: 8px;
	 align-items: end;
	 flex-wrap: wrap 
}
 .inline input {
	 min-width: 220px 
}
 .chart {
	 display: grid;
	 gap: 12px 
}
 .bar-row {
	 display: grid;
	 grid-template-columns: 120px 1fr 150px;
	 gap: 12px;
	 align-items: center 
}
 .bar-track {
	 height: 18px;
	 background: #E6FFFA;
	 border-radius: 999px;
	 overflow: hidden 
}
 .bar {
	 height: 100%;
	 background: linear-gradient(90deg, var(--primary), var(--primary-2), var(--gold));
	 border-radius: 999px 
}
 .progress {
	 height: 10px;
	 background: #e2e8f0;
	 border-radius: 999px;
	 overflow: hidden 
}
 .progress span {
	 display: block;
	 height: 100%;
	 background: linear-gradient(90deg, var(--primary), var(--gold));
	 border-radius: 999px 
}
 code {
	 background: #effaf7;
	 padding: 3px 7px;
	 border-radius: 8px;
	 color: #0f3c3f 
}
 .mini-note {
	 font-size: 12px;
	 color: var(--muted);
	 line-height: 1.8 
}
 .status-dot {
	 width: 9px;
	 height: 9px;
	 border-radius: 99px;
	 background: var(--ok);
	 display: inline-block;
	 box-shadow: 0 0 0 4px rgba(16, 185, 129, .12) 
}
 .login {
	 min-height: 100vh;
	 display: grid;
	 place-items: center;
	 padding: 20px;
	 background: radial-gradient(circle at 12% 12%, rgba(23, 214, 190, .24), transparent 34%), radial-gradient(circle at 92% 0%, rgba(247, 183, 49, .15), transparent 26%), linear-gradient(180deg, #FBFFFD, #ECFAF6) 
}
 .login-shell {
	 width: min(980px, 100%);
	 display: grid;
	 grid-template-columns: 1.05fr .95fr;
	 gap: 20px;
	 align-items: stretch 
}
 .login-hero {
	 position: relative;
	 overflow: hidden;
	 border-radius: 34px;
	 padding: 34px;
	 color: white;
	 background: radial-gradient(circle at 18% 18%, rgba(23, 214, 190, .30), transparent 34%), linear-gradient(135deg, var(--navy), var(--navy-2) 62%, var(--primary-2));
	 box-shadow: var(--shadow) 
}
 .login-hero:after {
	 content: "";
	 position: absolute;
	 left: -60px;
	 bottom: -60px;
	 width: 210px;
	 height: 210px;
	 border-radius: 999px;
	 background: rgba(255, 255, 255, .11) 
}
 .login-hero h1 {
	 font-size: 34px;
	 color: white;
	 line-height: 1.45;
	 margin: 26px 0 10px 
}
 .login-hero p {
	 color: #D5FFF8;
	 line-height: 2 
}
 .login .card {
	 width: 100%;
	 margin: 0 
}
 .hero-bullets {
	 display: grid;
	 gap: 10px;
	 margin-top: 28px 
}
 .hero-bullets div {
	 background: rgba(255, 255, 255, .12);
	 border: 1px solid rgba(255, 255, 255, .15);
	 padding: 11px 13px;
	 border-radius: 18px;
	 color: #F5FFFC 
}
 .login form button {
	 width: 100% 
}
 @media(max-width:1180px) {
	 .grid, .quick-grid {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) 
	}
	 .form-grid {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) 
	}
	 .bar-row {
		 grid-template-columns: 90px 1fr 120px 
	}
	 .sidebar {
		 --sidebar-w: 282px 
	}
}
 @media(max-width:860px) {
	 .app-shell {
		 display: block 
	}
	 .sidebar {
		 position: fixed;
		 right: 0;
		 top: 0;
		 bottom: 0;
		 width: 290px;
		 height: auto;
		 transform: translateX(105%);
		 transition: .2s ease 
	}
	 .sidebar-open .sidebar {
		 transform: translateX(0) 
	}
	 .mobile-topbar {
		 display: flex;
		 align-items: center;
		 justify-content: space-between;
		 padding: 12px 16px;
		 background: rgba(255, 255, 255, .88);
		 border-bottom: 1px solid rgba(14, 165, 164, .12);
		 position: sticky;
		 top: 0;
		 z-index: 20;
		 backdrop-filter: blur(14px);
		 font-weight: 950 
	}
	 .icon-button {
		 width: 42px;
		 height: 42px;
		 padding: 0 
	}
	 .content-wrap {
		 padding: 18px 
	}
	 .grid, .grid-2, .quick-grid, .form-grid {
		 grid-template-columns: 1fr 
	}
	 .page-hero, .topbar, .card-header {
		 display: block 
	}
	 .page-actions {
		 margin-top: 12px 
	}
	 .login-shell {
		 grid-template-columns: 1fr 
	}
	 .login-hero {
		 display: none 
	}
	 .table-wrap {
		 border-radius: 18px 
	}
	 th, td {
		 padding: 11px 
	}
	 .bar-row {
		 grid-template-columns: 1fr 
	}
	 .sidebar-footer {
		 padding-bottom: 20px 
	}
	 .searchbox input {
		 min-width: 100%;
		 margin-top: 10px 
	}
}
/* ===== ShopNegar Panel UX v2 ===== */
 :root {
	 --panel-bg: #F4FFFC;
	 --panel-card: #FFFFFF;
	 --panel-border: rgba(14, 165, 164, .16);
	 --panel-text: #071827;
	 --panel-muted: #64748b;
	 --panel-primary: #13CFC0;
	 --panel-primary-2: #0EA5A4;
	 --panel-gold: #F7B731;
	 --panel-danger: #EF4444;
}
 body {
	 color: var(--panel-text);
	 background: radial-gradient(circle at 94% 4%, rgba(19, 207, 192, .18), transparent 32%), radial-gradient(circle at 8% 2%, rgba(247, 183, 49, .10), transparent 28%), linear-gradient(180deg, #F9FFFD 0%, #F1FBF8 100%) !important;
}
 .main, .content, .page, .page-content {
	 min-height: 100vh;
}
 .page-hero, .header, .page-header {
	 position: relative;
	 padding: 22px 0 18px;
}
 .page-title, h1 {
	 letter-spacing: -.035em;
	 font-weight: 950;
	 color: #071827;
}
 .page-kicker {
	 display: inline-flex;
	 align-items: center;
	 gap: 6px;
	 padding: 6px 11px;
	 border-radius: 999px;
	 font-weight: 950;
	 background: #E1FFF9;
	 color: #08756D;
	 border: 1px solid rgba(14, 165, 164, .14);
}
 .card, .panel, .form-card {
	 background: rgba(255, 255, 255, .88);
	 border: 1px solid var(--panel-border);
	 border-radius: 28px;
	 box-shadow: 0 20px 55px rgba(6, 25, 29, .08);
	 backdrop-filter: blur(18px);
}
 .card-title, .form-title, h2, h3 {
	 letter-spacing: -.025em;
	 font-weight: 950;
	 color: #071827;
}
 .card-subtitle, .muted, small {
	 color: var(--panel-muted);
}
 form {
	 accent-color: var(--panel-primary);
}
 label {
	 font-weight: 900;
	 color: #26394a;
	 margin-bottom: 7px;
}
 input, select, textarea {
	 min-height: 50px;
	 border-radius: 17px !important;
	 border: 1px solid rgba(14, 165, 164, .20) !important;
	 background: rgba(255, 255, 255, .84);
	 color: #071827;
	 box-shadow: 0 8px 22px rgba(6, 25, 29, .035);
}
 textarea {
	 min-height: 120px;
	 line-height: 1.9;
}
 input:hover, select:hover, textarea:hover {
	 border-color: rgba(14, 165, 164, .34) !important;
}
 input:focus, select:focus, textarea:focus {
	 outline: 0;
	 border-color: var(--panel-primary) !important;
	 box-shadow: 0 0 0 4px rgba(19, 207, 192, .14), 0 10px 26px rgba(6, 25, 29, .06) !important;
	 background: #fff;
}
 input[type="file"] {
	 padding: 12px;
	 background: #FBFFFE;
}
 input[type="date"] {
	 direction: ltr;
	 text-align: right;
	 font-feature-settings: "tnum";
}
 input[type="date"]::before {
	 color: #94a3b8;
}
 button, .btn, .button, input[type="submit"] {
	 min-height: 46px;
	 border-radius: 16px !important;
	 font-weight: 950;
	 border: 0;
	 background: linear-gradient(135deg, var(--panel-primary), var(--panel-primary-2));
	 color: #041316;
	 box-shadow: 0 14px 32px rgba(19, 207, 192, .20);
	 transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
 button:hover, .btn:hover, .button:hover {
	 filter: saturate(1.08);
	 transform: translateY(-1px);
	 box-shadow: 0 18px 40px rgba(19, 207, 192, .25);
}
 button:active, .btn:active, .button:active {
	 transform: translateY(0) scale(.99);
}
 button.secondary, .btn.secondary, .secondary {
	 background: #FFFFFF !important;
	 color: #0f766e !important;
	 border: 1px solid rgba(14, 165, 164, .20) !important;
	 box-shadow: 0 10px 24px rgba(6, 25, 29, .045) !important;
}
 button.danger, .btn.danger, .danger {
	 background: #fff1f2 !important;
	 color: #be123c !important;
	 border: 1px solid #fecdd3 !important;
}
 .table-wrap {
	 border-radius: 24px;
	 border: 1px solid rgba(14, 165, 164, .12);
	 overflow: hidden;
	 background: #fff;
	 box-shadow: 0 16px 44px rgba(6, 25, 29, .06);
}
 table {
	 border-collapse: separate;
	 border-spacing: 0;
}
 thead th {
	 background: #F0FFFB;
	 color: #0f3c3f;
	 font-weight: 950;
}
 tbody tr {
	 transition: background .15s ease;
}
 tbody tr:hover {
	 background: #FAFFFD;
}
 .badge {
	 border-radius: 999px;
	 padding: 6px 10px;
	 font-weight: 950;
}
 .badge.ok {
	 background: #DCFCE7;
	 color: #166534;
}
 .badge.warn {
	 background: #FEF3C7;
	 color: #92400e;
}
 .badge.bad {
	 background: #FFE4E6;
	 color: #be123c;
}
 .searchbox input, input[type="search"] {
	 background: #fff;
	 border-radius: 18px !important;
}
 .form-grid {
	 gap: 20px !important;
}
 .form-grid>div {
	 position: relative;
}
 .form-grid .full {
	 grid-column: 1 / -1;
}
 .product-form-hint {
	 display: block;
	 margin-top: 6px;
	 font-size: 12px;
	 color: #64748b;
}
 .panel-helper-box {
	 margin: 14px 0;
	 padding: 14px;
	 border-radius: 20px;
	 background: linear-gradient(135deg, #F4FFFC, #FFFFFF);
	 border: 1px solid rgba(14, 165, 164, .14);
	 color: #345;
}
 .date-help {
	 display: block;
	 margin-top: 6px;
	 color: #64748b;
	 font-size: 12px;
}
 @media (max-width:900px) {
	 .form-grid {
		 grid-template-columns: 1fr !important;
	}
	 .card, .panel, .form-card {
		 border-radius: 22px;
	}
	 input, select, textarea {
		 min-height: 48px;
	}
}
/* ===== Product Professional Fields v1 ===== */
 .product-form-hint {
	 display: block;
	 margin-top: 7px;
	 font-size: 12px;
	 line-height: 1.8;
	 color: #64748b;
}
 #products-table td b {
	 font-weight: 950;
}
 #products-table .badge {
	 white-space: nowrap;
}
 .form-grid select[name="product_type"], .form-grid select[name="unit"], .form-grid select[name="stock_mode"] {
	 background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(244, 255, 252, .96));
}
/* ===== Product Form Cleanup & Attributes v1 ===== */
 .sidebar a[href*="licenses"], .nav a[href*="licenses"], aside a[href*="licenses"] {
	 display: none !important;
}
 .product-attrs-card {
	 padding: 16px;
	 border-radius: 22px;
	 background: linear-gradient(135deg, #F8FFFD, #FFFFFF);
	 border: 1px solid rgba(14, 165, 164, .14);
}
 .product-attrs-head {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 gap: 12px;
	 margin-bottom: 12px;
}
 .product-attrs-head b {
	 display: block;
	 font-weight: 950;
	 color: #071827;
	 margin-bottom: 4px;
}
 .product-attrs-head span {
	 display: block;
	 font-size: 12px;
	 line-height: 1.8;
	 color: #64748b;
}
 .attrs-grid {
	 display: grid;
	 gap: 10px;
}
 .attr-row {
	 display: grid;
	 grid-template-columns: 1fr 1fr auto;
	 gap: 10px;
	 align-items: center;
}
 .attr-row button {
	 min-width: 44px;
	 padding: 0 12px;
}
 @media (max-width:760px) {
	 .product-attrs-head, .attr-row {
		 grid-template-columns: 1fr;
		 display: grid;
	}
}
/* ===== Product Form Cleanup & Attributes v2 ===== */
 .sidebar a[href*="licenses"], .nav a[href*="licenses"], aside a[href*="licenses"] {
	 display: none !important;
}
 .product-attrs-card {
	 padding: 16px;
	 border-radius: 22px;
	 background: linear-gradient(135deg, #F8FFFD, #FFFFFF);
	 border: 1px solid rgba(14, 165, 164, .14);
}
 .product-attrs-head {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 gap: 12px;
	 margin-bottom: 12px;
}
 .product-attrs-head b {
	 display: block;
	 font-weight: 950;
	 color: #071827;
	 margin-bottom: 4px;
}
 .product-attrs-head span {
	 display: block;
	 font-size: 12px;
	 line-height: 1.8;
	 color: #64748b;
}
 .attrs-grid {
	 display: grid;
	 gap: 10px;
}
 .attr-row {
	 display: grid;
	 grid-template-columns: 1fr 1fr auto;
	 gap: 10px;
	 align-items: center;
}
 .attr-row button {
	 min-width: 44px;
	 padding: 0 12px;
}
 @media (max-width:760px) {
	 .product-attrs-head, .attr-row {
		 display: grid;
		 grid-template-columns: 1fr;
	}
}
/* ===== Jalali Date Inputs v1 ===== */
 .jalali-date-input {
	 direction: ltr !important;
	 text-align: right !important;
	 font-feature-settings: "tnum";
	 background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(244, 255, 252, .96)) !important;
}
 .jalali-date-input.jalali-invalid {
	 border-color: #fb7185 !important;
	 box-shadow: 0 0 0 4px rgba(244, 63, 94, .12) !important;
	 background: #fff7f7 !important;
}
 .jalali-date-help {
	 display: block;
	 margin-top: 6px;
	 font-size: 12px;
	 line-height: 1.7;
	 color: #64748b;
}
/* ===== Product Edit UX v1 ===== */
 .edit-product-pro-grid {
	 display: grid;
	 grid-template-columns: repeat(2, minmax(0, 1fr));
	 gap: 14px;
	 padding: 14px;
	 border-radius: 22px;
	 background: linear-gradient(135deg, #F8FFFD, #FFFFFF);
	 border: 1px solid rgba(14, 165, 164, .13);
}
 .product-attrs-card {
	 padding: 16px;
	 border-radius: 22px;
	 background: linear-gradient(135deg, #F8FFFD, #FFFFFF);
	 border: 1px solid rgba(14, 165, 164, .14);
}
 .product-attrs-head {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 gap: 12px;
	 margin-bottom: 12px;
}
 .product-attrs-head b {
	 display: block;
	 font-weight: 950;
	 color: #071827;
	 margin-bottom: 4px;
}
 .product-attrs-head span {
	 display: block;
	 font-size: 12px;
	 line-height: 1.8;
	 color: #64748b;
}
 .attrs-grid {
	 display: grid;
	 gap: 10px;
}
 .attr-row {
	 display: grid;
	 grid-template-columns: 1fr 1fr auto;
	 gap: 10px;
	 align-items: center;
}
 .attr-row .attr-remove-btn, .attr-row [data-remove-attr-row] {
	 min-width: 44px;
	 padding: 0 12px;
}
 @media (max-width:760px) {
	 .edit-product-pro-grid, .product-attrs-head, .attr-row {
		 display: grid;
		 grid-template-columns: 1fr;
	}
}
/* ===== Product Attribute Inputs v3 ===== */
 .attr-row input[data-attr-name], .attr-row input[data-attr-value] {
	 direction: rtl;
}
 .attr-row input[data-attr-name] {
	 font-weight: 900;
}
 .attr-row input[data-attr-value] {
	 color: #071827;
}
 .product-attrs-head span::after {
	 content: " نام ویژگی حداکثر ۳۲ کاراکتر و مقدار حداکثر ۹۰ کاراکتر است.";
	 display: block;
	 margin-top: 3px;
	 color: #0f766e;
	 font-weight: 800;
}
/* ===== ShopNegar Patch v2: compact UI + modal forms ===== */
 .content-wrap {
	 max-width: 1180px 
}
 .card {
	 padding: 18px;
	 border-radius: 24px 
}
 .compact-card {
	 padding: 16px !important 
}
 .grid, .grid-2 {
	 gap: 14px 
}
 .page-hero {
	 margin-bottom: 18px 
}
 .form-grid {
	 gap: 12px 
}
 .table-wrap table th, .table-wrap table td {
	 padding: 11px 12px 
}
 .page-actions {
	 gap: 8px 
}
 .btn, button, .secondary {
	 min-height: 40px 
}
 .form-section {
	 padding: 12px;
	 border-radius: 18px 
}
 .form-section-title {
	 margin-bottom: 10px 
}
 .logo-upload-row {
	 display: flex;
	 align-items: center;
	 gap: 14px 
}
 .logo-preview {
	 width: 76px;
	 height: 76px;
	 border-radius: 22px;
	 object-fit: contain;
	 background: #f8fffd;
	 border: 1px solid rgba(14, 165, 164, .18);
	 padding: 8px 
}
 .inline-check {
	 display: flex !important;
	 align-items: center;
	 gap: 8px 
}
 .inline-check input {
	 width: auto;
	 min-height: auto;
	 margin: 0 
}
 .modal-open-btn {
	 margin: 0 0 12px 
}
 .modal-form-backdrop {
	 position: fixed;
	 inset: 0;
	 z-index: 100;
	 background: rgba(6, 25, 29, .45);
	 display: grid;
	 place-items: center;
	 padding: 18px;
	 backdrop-filter: blur(4px) 
}
 .modal-form-card {
	 width: min(760px, 100%);
	 max-height: 92vh;
	 overflow: auto;
	 background: #fff;
	 border-radius: 26px;
	 box-shadow: 0 30px 80px rgba(6, 25, 29, .28);
	 padding: 16px 
}
 .modal-form-head {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 margin-bottom: 12px 
}
 .modal-form-head b {
	 font-size: 18px 
}
 .modalized-card {
	 box-shadow: none !important;
	 border: 0 !important;
	 padding: 0 !important 
}
 .modalized-card>.card-title:first-child {
	 display: none 
}
 .provider-fields {
	 display: grid;
	 gap: 10px 
}
 .provider-custom-field textarea {
	 font-family: ui-monospace, Consolas, monospace;
	 direction: ltr 
}
 .hidden {
	 display: none !important 
}
 @media(max-width:760px) {
	 .logo-upload-row {
		 display: grid 
	}
	 .card {
		 padding: 14px 
	}
	 .modal-form-backdrop {
		 padding: 10px 
	}
	 .modal-form-card {
		 border-radius: 22px 
	}
}
/* ===== ShopNegar Safe Mega Patch v4.2: professional popup grids ===== */
 .data-tabs {
	 display: flex;
	 gap: 8px;
	 flex-wrap: wrap;
	 margin: 0 0 16px 
}
 .data-tab {
	 padding: 10px 13px;
	 border-radius: 16px;
	 background: #fff;
	 border: 1px solid rgba(14, 165, 164, .14);
	 font-weight: 900;
	 color: #174346;
	 box-shadow: 0 8px 22px rgba(6, 25, 29, .04) 
}
 .data-tab.active {
	 background: linear-gradient(135deg, var(--primary), var(--primary-2));
	 color: #062024 
}
 .data-grid-card {
	 overflow: hidden 
}
 .pro-grid-wrap {
	 max-height: 70vh 
}
 .pro-grid-table th {
	 z-index: 2 
}
 .row-actions {
	 white-space: nowrap 
}
 .data-modal-backdrop {
	 position: fixed;
	 inset: 0;
	 background: rgba(6, 25, 29, .54);
	 backdrop-filter: blur(7px);
	 display: grid;
	 place-items: center;
	 padding: 22px;
	 z-index: 9999 
}
 .data-modal-backdrop.hidden {
	 display: none 
}
 .data-modal-card {
	 width: min(980px, 100%);
	 max-height: 92vh;
	 overflow: auto;
	 background: #fff;
	 border-radius: 30px;
	 border: 1px solid rgba(23, 214, 190, .22);
	 box-shadow: 0 35px 100px rgba(0, 0, 0, .28) 
}
 .data-modal-head {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 gap: 12px;
	 position: sticky;
	 top: 0;
	 background: rgba(255, 255, 255, .94);
	 backdrop-filter: blur(14px);
	 padding: 18px 20px;
	 border-bottom: 1px solid #e7f5f2;
	 z-index: 2 
}
 .data-modal-head b {
	 font-size: 18px 
}
 .data-entry-form {
	 padding: 20px 
}
 .data-modal-actions {
	 display: flex;
	 gap: 10px;
	 justify-content: flex-start 
}
 .ghost {
	 background: #F3FFFC !important;
	 color: #174346 !important;
	 border: 1px solid rgba(14, 165, 164, .16) !important;
	 box-shadow: none !important 
}
 .modal-form-backdrop {
	 position: fixed;
	 inset: 0;
	 background: rgba(6, 25, 29, .48);
	 z-index: 9998;
	 display: grid;
	 place-items: center;
	 padding: 20px 
}
 .modal-form-backdrop.hidden {
	 display: none 
}
 .modal-form-card {
	 width: min(920px, 100%);
	 max-height: 90vh;
	 overflow: auto;
	 border-radius: 28px;
	 background: #fff;
	 border: 1px solid rgba(14, 165, 164, .18);
	 box-shadow: 0 30px 90px rgba(0, 0, 0, .24) 
}
 .modal-form-head {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 padding: 16px 18px;
	 border-bottom: 1px solid #e7f5f2;
	 position: sticky;
	 top: 0;
	 background: white;
	 z-index: 2 
}
 .modal-form-body {
	 padding: 18px 
}
 .modalized-card {
	 box-shadow: none !important;
	 border: 0 !important;
	 margin: 0 !important;
	 padding: 0 !important 
}
 .modal-open-btn {
	 margin: 0 0 12px 
}
 .security-callout {
	 border: 1px solid rgba(16, 185, 129, .22);
	 background: #ecfdf5;
	 color: #065f46;
	 border-radius: 20px;
	 padding: 12px 14px;
	 font-weight: 900 
}
/* ===== ShopNegar hotfix v4.3 ===== */
 .product-attrs-card {
	 border: 1px solid rgba(14, 165, 164, .18);
	 background: #fbfffe;
	 border-radius: 22px;
	 padding: 14px;
	 margin-top: 8px 
}
 .product-attrs-head {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 margin-bottom: 10px 
}
 .product-attrs-head b {
	 display: block;
	 font-weight: 950;
	 color: #123 
}
 .product-attrs-head span {
	 display: block;
	 color: #64748b;
	 font-size: 12px;
	 margin-top: 4px 
}
 .attrs-grid, .variant-grid {
	 display: grid;
	 gap: 8px 
}
 .attr-row {
	 display: grid;
	 grid-template-columns: 1fr 1.5fr auto;
	 gap: 8px;
	 align-items: center 
}
 .variant-row {
	 display: grid;
	 grid-template-columns: .2fr 1.4fr 1fr .8fr .7fr .8fr auto;
	 gap: 8px;
	 align-items: center 
}
 .danger-lite {
	 color: #be123c !important;
	 border-color: #fecdd3 !important;
	 background: #fff1f2 !important 
}
 .data-modal-card {
	 width: min(1120px, 96vw) !important 
}
 @media(max-width:860px) {
	 .attr-row, .variant-row {
		 grid-template-columns: 1fr 
	}
	 .product-attrs-head {
		 align-items: flex-start;
		 flex-direction: column 
	}
}
/* HOTFIX_V45_MOBILE_ADMIN */
 .copy-row {
	 display: flex;
	 gap: 10px;
	 align-items: center 
}
 .copy-row input {
	 flex: 1 
}
 .table-copy-input {
	 min-width: 240px;
	 font-size: 12px 
}
 .sticky-actions {
	 position: sticky;
	 bottom: 10px;
	 z-index: 4;
	 background: rgba(255, 255, 255, .82);
	 backdrop-filter: blur(10px);
	 padding: 10px;
	 border-radius: 18px 
}
 @media (max-width: 900px) {
	 .app-shell {
		 display: block;
		 min-height: 100dvh 
	}
	 .sidebar {
		 position: fixed;
		 inset: 0 auto 0 0;
		 width: min(84vw, 320px);
		 z-index: 50;
		 transform: translateX(-105%);
		 transition: .22s ease;
		 box-shadow: 0 20px 60px rgba(0, 0, 0, .25);
		 overflow: auto 
	}
	 .sidebar.open {
		 transform: translateX(0) 
	}
	 html[dir="rtl"] .sidebar {
		 left: auto;
		 right: 0;
		 transform: translateX(105%) 
	}
	 html[dir="rtl"] .sidebar.open {
		 transform: translateX(0) 
	}
	 .main {
		 margin: 0 !important;
		 width: 100% 
	}
	 .mobile-topbar {
		 display: flex !important;
		 position: sticky;
		 top: 0;
		 z-index: 30;
		 background: rgba(255, 255, 255, .88);
		 backdrop-filter: blur(12px);
		 border-bottom: 1px solid rgba(14, 165, 164, .18) 
	}
	 .content-wrap {
		 padding: 14px !important;
		 max-width: 100% !important 
	}
	 .page-hero {
		 display: block;
		 padding: 16px 
	}
	 .page-title {
		 font-size: 22px 
	}
	 .card {
		 border-radius: 18px;
		 padding: 14px !important 
	}
	 .form-grid {
		 grid-template-columns: 1fr !important 
	}
	 .form-section {
		 padding: 12px 
	}
	 .table-wrap {
		 overflow: auto;
		 -webkit-overflow-scrolling: touch 
	}
	 .table-wrap table {
		 min-width: 760px 
	}
	 .actions {
		 white-space: normal 
	}
	 .modal, .modal-card, .data-modal, .drawer-card {
		 width: calc(100vw - 20px) !important;
		 max-width: calc(100vw - 20px) !important;
		 max-height: 88dvh !important;
		 overflow: auto !important 
	}
	 .data-form-grid, .modal-grid {
		 grid-template-columns: 1fr !important 
	}
	 .copy-row {
		 display: block 
	}
	 .copy-row button {
		 width: 100%;
		 margin-top: 8px 
	}
	 .sticky-actions button {
		 width: 100% 
	}
}
 @media (max-width: 520px) {
	 body {
		 font-size: 14px 
	}
	 .page-hero, .card {
		 margin-inline: 0 
	}
	 .btn, button, input, select, textarea {
		 font-size: 15px 
	}
	 .login-shell {
		 grid-template-columns: 1fr !important;
		 padding: 14px 
	}
	 .login-hero {
		 display: none 
	}
	 .login .card {
		 width: 100% 
	}
	 .brand-card {
		 max-width: 100% 
	}
	 .stat-grid, .kpi-grid {
		 grid-template-columns: 1fr !important 
	}
	 .data-toolbar {
		 display: block 
	}
	 .data-toolbar>* {
		 width: 100%;
		 margin-block: 6px 
	}
	 .table-copy-input {
		 min-width: 190px 
	}
}
/* HOTFIX_V46_PRODUCT_MODAL */
 .modal-backdrop {
	 position: fixed;
	 inset: 0;
	 z-index: 1000;
	 display: none;
	 align-items: center;
	 justify-content: center;
	 background: rgba(4, 22, 22, .55);
	 backdrop-filter: blur(6px);
	 padding: 18px 
}
 .modal-backdrop.show {
	 display: flex 
}
 .modal-card {
	 background: #fff;
	 border: 1px solid rgba(14, 165, 164, .18);
	 border-radius: 28px;
	 box-shadow: 0 24px 80px rgba(0, 0, 0, .24);
	 width: min(880px, calc(100vw - 24px));
	 max-height: 92dvh;
	 overflow: auto;
	 padding: 22px 
}
 .modal-card.wide {
	 width: min(1100px, calc(100vw - 24px)) 
}
 .modal-head {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 gap: 12px;
	 margin-bottom: 18px 
}
 .modal-head h2 {
	 margin: 0 
}
 .modal-open {
	 overflow: hidden 
}
 .attr-row, .variant-row {
	 display: grid;
	 grid-template-columns: 1fr 1fr auto;
	 gap: 10px;
	 align-items: end;
	 margin: 8px 0 
}
 .variant-row {
	 grid-template-columns: 1.2fr 1fr .8fr .7fr .7fr auto 
}
 .danger {
	 background: #ffe8ec !important;
	 color: #be123c !important;
	 border-color: #fecdd3 !important 
}
 .product-attrs-card {
	 background: rgba(14, 165, 164, .04);
	 border: 1px solid rgba(14, 165, 164, .14);
	 border-radius: 18px;
	 padding: 14px 
}
 .product-attrs-head {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 margin-bottom: 10px 
}
 .product-attrs-head span {
	 display: block;
	 color: #64748b;
	 font-size: 12px 
}
 .sticky-actions {
	 display: flex;
	 gap: 10px;
	 justify-content: flex-end;
	 position: sticky;
	 bottom: 0;
	 background: linear-gradient(180deg, rgba(255, 255, 255, .78), #fff);
	 padding-top: 12px 
}
 .full {
	 grid-column: 1/-1 
}
 @media (max-width: 760px) {
	 .modal-backdrop {
		 align-items: flex-end;
		 padding: 0 
	}
	 .modal-card, .modal-card.wide {
		 width: 100% !important;
		 max-width: 100% !important;
		 max-height: 92dvh;
		 border-radius: 24px 24px 0 0;
		 padding: 14px 
	}
	 .form-grid {
		 grid-template-columns: 1fr !important 
	}
	 .attr-row, .variant-row {
		 grid-template-columns: 1fr !important 
	}
	 .sticky-actions {
		 display: grid;
		 grid-template-columns: 1fr;
	}
	 .page-actions {
		 display: grid;
		 grid-template-columns: 1fr;
		 width: 100% 
	}
	 .page-actions .btn, .page-actions button {
		 width: 100% 
	}
	 .table-wrap {
		 overflow-x: auto 
	}
	 .table-wrap table {
		 min-width: 760px 
	}
	 .content-wrap {
		 padding: 12px !important 
	}
	 .page-hero {
		 display: block !important 
	}
	 .page-title {
		 font-size: 22px !important 
	}
}
/* ===== ShopNegar Hotfix v49: mobile panel and product tables ===== */
 .sidebar-backdrop {
	 display: none 
}
 @media(max-width:860px) {
	 body.sidebar-open {
		 overflow: hidden;
		 touch-action: none 
	}
	 .sidebar {
		 z-index: 70 !important;
		 max-width: 86vw;
		 width: 300px;
		 box-shadow: -22px 0 60px rgba(6, 25, 29, .35) 
	}
	 .sidebar-backdrop {
		 position: fixed;
		 inset: 0;
		 background: rgba(6, 25, 29, .42);
		 backdrop-filter: blur(2px);
		 z-index: 60;
		 opacity: 0;
		 pointer-events: none;
		 transition: .18s ease;
		 display: block 
	}
	 body.sidebar-open .sidebar-backdrop {
		 opacity: 1;
		 pointer-events: auto 
	}
	 .mobile-topbar {
		 z-index: 55 !important 
	}
	 .content-wrap {
		 max-width: 100%;
		 overflow-x: hidden;
		 padding: 16px 12px 80px 
	}
	 .page-title {
		 font-size: 22px;
		 line-height: 1.65 
	}
	 .card {
		 border-radius: 22px;
		 padding: 14px 
	}
	 .table-wrap {
		 width: 100%;
		 overflow-x: auto;
		 -webkit-overflow-scrolling: touch 
	}
	 table {
		 min-width: 680px 
	}
	 .product-admin-table {
		 min-width: 760px 
	}
	 .modal-form-card, .data-modal-card {
		 width: min(96vw, 720px) !important;
		 max-height: 88vh !important;
		 overflow: auto !important;
		 border-radius: 22px !important 
	}
	 .modal-form-backdrop, .data-modal {
		 align-items: flex-end !important;
		 padding: 8px !important 
	}
	 .form-grid {
		 grid-template-columns: 1fr !important 
	}
	 .inline {
		 display: grid !important;
		 grid-template-columns: 1fr !important;
		 align-items: stretch !important 
	}
	 .inline input, .searchbox input {
		 min-width: 0 !important;
		 width: 100% !important 
	}
}
/* ===== ShopNegar v5.2 Market Ready UX ===== */
 .market-layout {
	 display: grid;
	 grid-template-columns: 1.2fr .8fr;
	 gap: 18px;
	 margin: 18px 0 
}
 .todo-list, .checklist {
	 display: grid;
	 gap: 10px 
}
 .todo-item, .check-row {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 padding: 14px 16px;
	 border-radius: 20px;
	 background: #fff;
	 border: 1px solid rgba(14, 165, 164, .14);
	 text-decoration: none;
	 color: inherit 
}
 .todo-item.hot {
	 background: #fff8e7;
	 border-color: #ffd878 
}
 .todo-item b, .check-row b {
	 display: block 
}
 .todo-item span, .check-row small {
	 color: #64748b;
	 font-size: 12px 
}
 .check-row {
	 justify-content: flex-start 
}
 .check-row.done {
	 background: #ecfdf5 
}
 .order-mobile-list {
	 display: none;
	 gap: 12px 
}
 .order-card {
	 background: #fff;
	 border: 1px solid rgba(14, 165, 164, .16);
	 border-radius: 24px;
	 padding: 14px;
	 box-shadow: 0 12px 30px rgba(6, 25, 29, .06) 
}
 .order-card-top {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 gap: 8px 
}
 .order-card-body {
	 display: grid;
	 grid-template-columns: repeat(2, minmax(0, 1fr));
	 gap: 9px;
	 margin: 12px 0 
}
 .order-card-body small, .order-card-body span {
	 display: block;
	 color: #64748b 
}
 .quick-order-form {
	 display: grid;
	 grid-template-columns: 1fr 1fr 1fr auto;
	 gap: 8px;
	 align-items: end 
}
 .quick-order-form input, .quick-order-form select {
	 min-height: 42px;
	 border-radius: 16px;
	 border: 1px solid #cfe9e6;
	 padding: 0 12px 
}
 .payment-help {
	 font-size: 12px;
	 color: #64748b;
	 background: #f7fffd;
	 border-radius: 14px;
	 padding: 9px;
	 margin-bottom: 10px 
}
 .market-settings-form textarea {
	 min-height: 86px 
}
 .switch-line {
	 display: flex !important;
	 align-items: center;
	 gap: 8px;
	 background: #f6fffc;
	 border: 1px solid #d8efec;
	 border-radius: 18px;
	 padding: 14px 
}
 .copy-grid {
	 display: grid;
	 grid-template-columns: 1fr 1fr;
	 gap: 12px 
}
 .public-track {
	 background: linear-gradient(135deg, #ecfffb, #fff8e7);
	 min-height: 100vh 
}
 .track-shell {
	 max-width: 680px;
	 margin: 0 auto;
	 padding: 28px 14px 
}
 .track-card {
	 background: #fff;
	 border: 1px solid rgba(14, 165, 164, .18);
	 border-radius: 32px;
	 padding: 24px;
	 box-shadow: 0 24px 70px rgba(6, 25, 29, .10) 
}
 .track-brand {
	 display: flex;
	 justify-content: space-between;
	 gap: 12px;
	 color: #0f766e 
}
 .track-form {
	 display: grid;
	 gap: 12px 
}
 .track-form input {
	 width: 100%;
	 min-height: 52px;
	 border-radius: 18px;
	 border: 1px solid #cfe9e6;
	 padding: 0 14px 
}
 .track-result {
	 margin-top: 18px;
	 border-top: 1px solid #e2f3f0;
	 padding-top: 18px 
}
 .track-steps {
	 display: grid;
	 grid-template-columns: repeat(5, 1fr);
	 gap: 7px;
	 margin: 12px 0 
}
 .step {
	 font-size: 11px;
	 text-align: center;
	 padding: 9px 4px;
	 border-radius: 14px;
	 background: #f1f5f9;
	 color: #64748b 
}
 .step.done {
	 background: #ccfbf1;
	 color: #0f766e;
	 font-weight: 900 
}
 .sidebar-backdrop {
	 display: none 
}
 .desktop-only {
	 display: block 
}
 .notice.success {
	 background: #ecfdf5;
	 border: 1px solid #a7f3d0;
	 color: #047857 
}
 .notice.danger {
	 background: #fff1f2;
	 border: 1px solid #fecdd3;
	 color: #be123c 
}
 @media(max-width:760px) {
	 .market-layout, .copy-grid {
		 grid-template-columns: 1fr 
	}
	 .market-stats {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) 
	}
	 .desktop-only {
		 display: none !important 
	}
	 .order-mobile-list {
		 display: grid 
	}
	 .quick-order-form {
		 grid-template-columns: 1fr 
	}
	 .order-card-body {
		 grid-template-columns: 1fr 
	}
	 .page-hero {
		 padding: 18px !important 
	}
	 .page-actions {
		 width: 100%;
		 display: grid;
		 grid-template-columns: 1fr;
		 gap: 8px 
	}
	 .card {
		 border-radius: 24px !important 
	}
	 .form-grid {
		 grid-template-columns: 1fr !important 
	}
	 .form-grid .wide {
		 grid-column: auto !important 
	}
	 .sidebar {
		 position: fixed !important;
		 top: 0;
		 right: 0;
		 height: 100vh;
		 width: min(86vw, 330px);
		 transform: translateX(110%);
		 transition: .22s ease;
		 z-index: 1200 
	}
	 .sidebar.open {
		 transform: translateX(0) 
	}
	 .sidebar-backdrop {
		 position: fixed;
		 inset: 0;
		 background: rgba(6, 25, 29, .42);
		 backdrop-filter: blur(2px);
		 z-index: 1190 
	}
	 .sidebar-open .sidebar-backdrop {
		 display: block 
	}
	 .main {
		 width: 100%;
		 margin: 0 !important 
	}
	 .content-wrap {
		 padding: 72px 12px 24px !important 
	}
	 .table-wrap {
		 overflow-x: auto 
	}
	 .modal, .sheet, .dialog {
		 max-width: calc(100vw - 18px) !important;
		 width: calc(100vw - 18px) !important;
		 max-height: 92vh !important;
		 overflow: auto !important 
	}
	 .track-steps {
		 grid-template-columns: 1fr 
	}
	 .track-card {
		 border-radius: 24px;
		 padding: 18px 
	}
}
/* ShopNegar Market Ready All Phases v6.0 */
 .market-kpi .kpi {
	 min-height: 110px 
}
 .kpi.warn {
	 border-color: #f59e0b 
}
 .kpi.danger {
	 border-color: #ef4444 
}
 .task-list {
	 display: grid;
	 gap: 10px 
}
 .task-row, .check-row, .metric-row {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 10px;
	 padding: 12px;
	 border: 1px solid rgba(148, 163, 184, .22);
	 border-radius: 16px;
	 background: rgba(255, 255, 255, .75) 
}
 .check-row {
	 justify-content: flex-start 
}
 .check-row.done {
	 background: rgba(16, 185, 129, .08);
	 border-color: rgba(16, 185, 129, .25) 
}
 .order-board {
	 display: grid;
	 grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	 gap: 14px 
}
 .order-card {
	 border: 1px solid rgba(148, 163, 184, .25);
	 border-radius: 22px;
	 padding: 16px;
	 background: #fff;
	 box-shadow: 0 10px 25px rgba(15, 23, 42, .05);
	 display: grid;
	 gap: 8px 
}
 .order-card.pro {
	 border-right: 4px solid var(--brand, #0ea5a4) 
}
 .order-top, .badges, .order-actions, .section-head, .actions {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 8px;
	 flex-wrap: wrap 
}
 .badges span {
	 padding: 6px 10px;
	 border-radius: 999px;
	 background: #f1f5f9;
	 font-size: .85rem 
}
 .mini {
	 padding: 8px 12px;
	 border-radius: 12px;
	 border: 0;
	 background: var(--brand, #0ea5a4);
	 color: #fff;
	 cursor: pointer 
}
 .mini.secondary, .btn.secondary {
	 background: #f1f5f9;
	 color: #0f172a 
}
 .copy-box {
	 display: grid;
	 grid-template-columns: max-content 1fr;
	 gap: 10px;
	 align-items: center 
}
 .switch-row {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 12px 
}
 .switch-row label {
	 padding: 10px 12px;
	 background: #f8fafc;
	 border: 1px solid #e2e8f0;
	 border-radius: 14px 
}
 .public-page {
	 background: linear-gradient(135deg, #ecfeff, #f8fafc);
	 min-height: 100vh;
	 display: grid;
	 place-items: center;
	 padding: 18px 
}
 .public-card {
	 width: min(560px, 100%);
	 background: #fff;
	 border-radius: 26px;
	 padding: 24px;
	 box-shadow: 0 20px 60px rgba(15, 23, 42, .10) 
}
 .track-result {
	 margin-top: 18px;
	 padding: 16px;
	 border-radius: 18px;
	 background: #f0fdfa 
}
 .alert {
	 padding: 12px;
	 border-radius: 14px;
	 background: #fff7ed;
	 color: #9a3412 
}
 .toolbar {
	 display: flex;
	 gap: 10px;
	 flex-wrap: wrap;
	 margin: 12px 0 
}
 .toolbar input, .toolbar select {
	 min-width: 220px;
	 flex: 1 
}
 @media(max-width:760px) {
	 .order-board {
		 grid-template-columns: 1fr 
	}
	 .copy-box {
		 grid-template-columns: 1fr 
	}
	 .page-head {
		 gap: 12px 
	}
	 .order-actions form, .order-actions button {
		 width: 100% 
	}
	 .mini {
		 width: 100% 
	}
	 .toolbar input, .toolbar select, .toolbar button {
		 width: 100%;
		 min-width: 0 
	}
	 .public-card {
		 border-radius: 20px;
		 padding: 18px 
	}
}
/* ShopNegar v7.0 self-service signup + SaaS pricing */
 .public-body-v70 {
	 min-height: 100vh;
	 background: radial-gradient(circle at top right, #dff7f4 0, #f8fafc 38%, #fff 100%);
	 color: #0f172a 
}
 .public-header-v70 {
	 max-width: 1120px;
	 margin: 0 auto;
	 padding: 18px;
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 16px 
}
 .public-header-v70 nav {
	 display: flex;
	 gap: 10px;
	 align-items: center 
}
 .public-header-v70 nav a {
	 padding: 10px 14px;
	 border-radius: 14px;
	 text-decoration: none;
	 color: #0f172a;
	 font-weight: 800;
	 background: rgba(255, 255, 255, .72);
	 border: 1px solid rgba(15, 23, 42, .08) 
}
 .public-brand-v70 {
	 display: flex;
	 align-items: center;
	 gap: 10px;
	 text-decoration: none;
	 color: #0f172a;
	 font-size: 22px 
}
 .public-brand-v70 span {
	 display: grid;
	 place-items: center;
	 width: 44px;
	 height: 44px;
	 border-radius: 16px;
	 background: #0ea5a4;
	 color: #fff;
	 font-weight: 900 
}
 .public-main-v70 {
	 max-width: 1120px;
	 margin: 0 auto;
	 padding: 22px 18px 60px 
}
 .landing-hero-v70 {
	 display: grid;
	 grid-template-columns: 1.4fr .8fr;
	 gap: 24px;
	 align-items: stretch;
	 padding: 42px 0 
}
 .landing-copy, .landing-card, .form-card-v70, .plan-card-v70 {
	 background: rgba(255, 255, 255, .86);
	 border: 1px solid rgba(15, 23, 42, .08);
	 box-shadow: 0 24px 70px rgba(15, 23, 42, .08);
	 border-radius: 28px;
	 padding: 28px 
}
 .landing-copy h1 {
	 font-size: clamp(32px, 5vw, 58px);
	 line-height: 1.25;
	 margin: 14px 0 
}
 .landing-copy p {
	 font-size: 18px;
	 color: #475569;
	 line-height: 2 
}
 .badge {
	 display: inline-flex;
	 padding: 8px 12px;
	 border-radius: 999px;
	 background: #ccfbf1;
	 color: #0f766e;
	 font-weight: 900 
}
 .danger-badge {
	 background: #fee2e2;
	 color: #b91c1c 
}
 .landing-actions {
	 display: flex;
	 gap: 12px;
	 flex-wrap: wrap;
	 margin-top: 22px 
}
 .btn-primary, .btn-secondary {
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 border: 0;
	 border-radius: 16px;
	 padding: 13px 18px;
	 text-decoration: none;
	 font-weight: 900;
	 cursor: pointer 
}
 .btn-primary {
	 background: #0ea5a4;
	 color: white 
}
 .btn-secondary {
	 background: #f1f5f9;
	 color: #0f172a 
}
 .full {
	 width: 100% 
}
 .landing-points {
	 display: flex;
	 gap: 8px;
	 flex-wrap: wrap;
	 margin-top: 18px 
}
 .landing-points span {
	 background: #f8fafc;
	 border: 1px solid #e2e8f0;
	 border-radius: 999px;
	 padding: 8px 10px;
	 font-weight: 700 
}
 .landing-card ol {
	 line-height: 2.4;
	 font-weight: 800 
}
 .plans-head-v70 {
	 text-align: center;
	 max-width: 760px;
	 margin: 20px auto 28px 
}
 .plans-head-v70 h1 {
	 font-size: 38px;
	 margin: 12px 0 
}
 .plans-head-v70 p {
	 color: #64748b;
	 font-size: 17px 
}
 .plans-grid-v70 {
	 display: grid;
	 grid-template-columns: repeat(3, minmax(0, 1fr));
	 gap: 18px 
}
 .plan-card-v70 {
	 position: relative;
	 display: flex;
	 flex-direction: column;
	 gap: 12px 
}
 .plan-card-v70.featured {
	 outline: 3px solid #0ea5a4 
}
 .plan-ribbon {
	 position: absolute;
	 top: 16px;
	 left: 16px;
	 background: #f59e0b;
	 color: #111827;
	 border-radius: 999px;
	 padding: 6px 10px;
	 font-weight: 900 
}
 .plan-price b {
	 font-size: 26px;
	 color: #0f766e 
}
 .plan-price small {
	 display: block;
	 color: #64748b 
}
 .plan-card-v70 ul {
	 padding-right: 18px;
	 line-height: 2;
	 color: #334155;
	 flex: 1 
}
 .form-shell-v70 {
	 max-width: 820px;
	 margin: 30px auto 
}
 .grid-form-v70 {
	 display: grid;
	 grid-template-columns: repeat(2, minmax(0, 1fr));
	 gap: 14px 
}
 .grid-form-v70 label {
	 display: flex;
	 flex-direction: column;
	 gap: 7px;
	 font-weight: 800 
}
 .grid-form-v70 input, .grid-form-v70 select, .grid-form-v70 textarea, .form-card-v70 input, .form-card-v70 textarea, .form-card-v70 select {
	 border: 1px solid #cbd5e1;
	 border-radius: 14px;
	 padding: 12px;
	 background: #fff;
	 font: inherit 
}
 .billing-box-v70 {
	 grid-column: 1/-1;
	 background: #f8fafc;
	 border: 1px dashed #cbd5e1;
	 border-radius: 18px;
	 padding: 14px;
	 display: grid;
	 gap: 10px 
}
 .alert {
	 padding: 12px 14px;
	 border-radius: 16px;
	 margin: 12px 0;
	 font-weight: 800 
}
 .alert.danger {
	 background: #fee2e2;
	 color: #991b1b 
}
 .alert.success {
	 background: #dcfce7;
	 color: #166534 
}
 .credential-box-v70 {
	 display: grid;
	 grid-template-columns: repeat(3, 1fr);
	 gap: 12px;
	 margin: 20px 0 
}
 .credential-box-v70 div {
	 background: #f8fafc;
	 border: 1px solid #e2e8f0;
	 border-radius: 18px;
	 padding: 14px 
}
 .credential-box-v70 small {
	 display: block;
	 color: #64748b 
}
 .credential-box-v70 b {
	 direction: ltr;
	 display: block;
	 margin-top: 6px 
}
 .plan-edit-v70 {
	 background: #f8fafc;
	 border: 1px solid #e2e8f0;
	 border-radius: 20px;
	 padding: 16px 
}
 .stack-v70 {
	 display: grid;
	 gap: 16px 
}
 .table-wrap {
	 overflow: auto 
}
 .muted {
	 color: #64748b 
}
 @media(max-width:820px) {
	 .landing-hero-v70, .plans-grid-v70, .grid-form-v70, .credential-box-v70 {
		 grid-template-columns: 1fr 
	}
	 .landing-copy, .landing-card, .form-card-v70, .plan-card-v70 {
		 border-radius: 22px;
		 padding: 20px 
	}
	 .public-header-v70 {
		 align-items: flex-start 
	}
	 .landing-copy h1 {
		 font-size: 32px 
	}
	 .plans-head-v70 h1 {
		 font-size: 28px 
	}
}
/* ===== ShopNegar Clean UI Signature 2026-05-09 ===== */
 :root {
	 --sn-bg: #f5fbf9;
	 --sn-surface: rgba(255, 255, 255, .86);
	 --sn-surface-solid: #ffffff;
	 --sn-border: rgba(15, 118, 110, .14);
	 --sn-text: #071827;
	 --sn-muted: #64748b;
	 --sn-primary: #14d5c3;
	 --sn-primary-2: #0f9f9a;
	 --sn-accent: #f7b731;
	 --sn-radius: 26px;
	 --sn-shadow: 0 18px 54px rgba(2, 44, 45, .08);
}
 html {
	 scroll-behavior: smooth;
	 -webkit-text-size-adjust: 100% 
}
 body {
	 background: radial-gradient(circle at 95% 1%, rgba(20, 213, 195, .18), transparent 30%), radial-gradient(circle at 5% 0, rgba(247, 183, 49, .12), transparent 26%), linear-gradient(180deg, #fbfffd, #eef8f5) !important;
	 color: var(--sn-text) 
}
 * {
	 box-sizing: border-box 
}
 a {
	 color: inherit;
	 text-decoration: none 
}
 .ltr {
	 direction: ltr;
	 text-align: left;
	 font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important 
}
 .app-shell {
	 align-items: stretch 
}
 .main {
	 min-width: 0 
}
 .content-wrap {
	 width: min(1480px, 100%);
	 margin-inline: auto 
}
 .sidebar {
	 border-left: 1px solid rgba(255, 255, 255, .14);
	 box-shadow: -20px 0 50px rgba(3, 18, 24, .12) 
}
 .brand-card, .nav-item, .card, .panel, .form-section, .table-wrap, .public-header-v70 {
	 backdrop-filter: blur(18px);
	 -webkit-backdrop-filter: blur(18px) 
}
 .nav-list {
	 display: grid;
	 gap: 7px 
}
 .nav-item {
	 min-height: 46px;
	 border-radius: 17px;
	 transition: transform .16s ease, background .16s ease, border-color .16s ease 
}
 .nav-item:hover {
	 transform: translateX(-2px) 
}
 .nav-item.active {
	 box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22), 0 14px 30px rgba(20, 213, 195, .12) 
}
 .page-hero, .page-head {
	 display: flex;
	 align-items: flex-end;
	 justify-content: space-between;
	 gap: 18px;
	 margin-bottom: 18px 
}
 .page-title, .page-hero h1, .page-head h1 {
	 font-size: clamp(25px, 3.2vw, 42px);
	 line-height: 1.35;
	 margin: 4px 0 0 
}
 .page-actions {
	 display: flex;
	 align-items: center;
	 gap: 10px;
	 flex-wrap: wrap 
}
 .page-kicker {
	 box-shadow: 0 10px 24px rgba(20, 213, 195, .09) 
}
 .grid, .quick-grid, .kpi-grid {
	 gap: 16px 
}
 .card, .panel, .form-card {
	 border-radius: var(--sn-radius) !important;
	 border: 1px solid var(--sn-border) !important;
	 box-shadow: var(--sn-shadow) !important 
}
 .card {
	 padding: clamp(16px, 2vw, 24px) 
}
 .compact-card {
	 padding: 18px 
}
 .metric-row, .card-header {
	 gap: 14px 
}
 .metric-icon {
	 flex: 0 0 auto 
}
 .muted, .card-subtitle, .mini-note {
	 color: var(--sn-muted) !important;
	 line-height: 1.9 
}
 .badge {
	 min-height: 28px;
	 border: 1px solid rgba(15, 23, 42, .05) 
}
 input, select, textarea {
	 max-width: 100%;
	 font-size: 15px 
}
 .form-grid, .grid-form-v70 {
	 gap: 14px 
}
 .inline {
	 align-items: center 
}
 .inline>* {
	 flex: 0 1 auto 
}
 .inline input, .inline select {
	 min-width: min(260px, 100%) 
}
 .btn, button, .button, input[type="submit"] {
	 white-space: nowrap;
	 touch-action: manipulation 
}
 .btn.secondary:hover, button.secondary:hover, .secondary:hover {
	 background: #f8fffd !important 
}
 .actions {
	 display: flex;
	 gap: 8px;
	 align-items: center;
	 flex-wrap: wrap 
}
 .actions form {
	 display: inline-flex;
	 margin: 0 
}
 .hidden, [hidden] {
	 display: none !important 
}
 .table-wrap {
	 max-width: 100%;
	 overflow: auto;
	 -webkit-overflow-scrolling: touch 
}
 .table-wrap table {
	 min-width: 760px 
}
 th {
	 white-space: nowrap 
}
 td {
	 line-height: 1.75 
}
 .thumb {
	 box-shadow: 0 8px 22px rgba(6, 25, 29, .06) 
}
 .sidebar-backdrop {
	 position: fixed;
	 inset: 0;
	 background: rgba(2, 8, 23, .42);
	 opacity: 0;
	 pointer-events: none;
	 z-index: 39;
	 transition: opacity .18s ease;
	 backdrop-filter: blur(3px) 
}
 .sidebar-open .sidebar-backdrop {
	 opacity: 1;
	 pointer-events: auto 
}
 .modal-open {
	 overflow: hidden 
}
 .modal-form-backdrop, .modal {
	 position: fixed;
	 inset: 0;
	 z-index: 70;
	 background: rgba(2, 8, 23, .42);
	 display: grid;
	 place-items: center;
	 padding: 18px;
	 backdrop-filter: blur(6px) 
}
 .modal-form-backdrop.hidden, .modal:not(.open) {
	 display: none 
}
 .modal-form-card {
	 width: min(720px, 100%);
	 max-height: 88vh;
	 overflow: auto;
	 background: #fff;
	 border-radius: 28px;
	 border: 1px solid var(--sn-border);
	 box-shadow: 0 28px 80px rgba(2, 8, 23, .25) 
}
 .modal-form-head {
	 position: sticky;
	 top: 0;
	 z-index: 2;
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 padding: 16px 18px;
	 background: rgba(255, 255, 255, .92);
	 border-bottom: 1px solid var(--sn-border);
	 backdrop-filter: blur(14px) 
}
 .modal-form-body {
	 padding: 18px 
}
 .modalized-card {
	 box-shadow: none !important;
	 border: 0 !important;
	 padding: 0 !important 
}
 .ghost {
	 background: transparent !important;
	 color: var(--sn-text) !important;
	 box-shadow: none !important;
	 border: 1px solid var(--sn-border) !important;
	 width: 42px;
	 height: 42px;
	 padding: 0 
}
 .public-body-v70 {
	 min-height: 100vh 
}
 .public-header-v70 {
	 position: sticky;
	 top: 0;
	 z-index: 30;
	 background: rgba(255, 255, 255, .78) !important 
}
 .public-main-v70 {
	 width: min(1180px, 100%);
	 margin-inline: auto;
	 padding: clamp(18px, 3vw, 34px) 
}
 @media (max-width:1180px) {
	 .content-wrap {
		 padding-inline: 18px 
	}
	 .grid, .quick-grid, .kpi-grid {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) !important 
	}
	 .form-grid, .grid-form-v70 {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) !important 
	}
}
 @media (max-width:860px) {
	 .content-wrap {
		 padding: 16px 
	}
	 .mobile-topbar {
		 display: flex !important 
	}
	 .sidebar {
		 z-index: 50;
		 width: min(320px, 86vw) !important;
		 transform: translateX(105%) 
	}
	 .sidebar-open .sidebar, .sidebar.open {
		 transform: translateX(0) !important 
	}
	 .page-hero, .page-head, .card-header {
		 display: grid;
		 align-items: start 
	}
	 .page-actions, .inline, .actions {
		 width: 100% 
	}
	 .page-actions .btn, .page-actions button, .inline>* {
		 width: 100% 
	}
	 .grid, .grid-2, .quick-grid, .kpi-grid, .form-grid, .grid-form-v70 {
		 grid-template-columns: 1fr !important 
	}
	 .card {
		 border-radius: 22px !important 
	}
	 .table-wrap {
		 border-radius: 18px !important 
	}
	 .table-wrap table {
		 min-width: 680px 
	}
	 .desktop-only {
		 display: none !important 
	}
	 .mobile-card, .mobile-only {
		 display: block !important 
	}
	 .login-shell {
		 grid-template-columns: 1fr !important 
	}
	 .public-header-v70 {
		 padding: 12px 16px !important 
	}
	 .public-header-v70 nav {
		 gap: 8px;
		 flex-wrap: wrap 
	}
}
 @media (max-width:520px) {
	 .content-wrap {
		 padding: 12px 
	}
	 .page-title, .page-hero h1, .page-head h1 {
		 font-size: 24px 
	}
	 .card {
		 padding: 14px 
	}
	 .btn, button, .button, input[type="submit"] {
		 width: 100%;
		 justify-content: center 
	}
	 .table-wrap table {
		 min-width: 620px 
	}
	 th, td {
		 padding: 10px 11px 
	}
	 .modal-form-backdrop, .modal {
		 padding: 10px 
	}
	 .modal-form-card {
		 border-radius: 22px 
	}
	 .brand-subtitle {
		 display: none 
	}
	 .metric-row {
		 display: grid !important;
		 grid-template-columns: 1fr auto 
	}
	 .public-main-v70 {
		 padding: 16px 12px 
	}
}
 @media (prefers-reduced-motion:reduce) {
	 *, *::before, *::after {
		 scroll-behavior: auto !important;
		 transition: none !important;
		 animation: none !important 
	}
}
/* ===== ShopNegar Demo/Product UI Signature 2026-05-10 ===== */
 .platform-hero {
	 position: relative;
	 overflow: hidden;
	 padding: 20px;
	 border-radius: 30px;
	 background: linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(231, 255, 249, .82));
	 border: 1px solid rgba(14, 165, 164, .14);
	 box-shadow: 0 18px 54px rgba(2, 44, 45, .07) 
}
 .platform-product-kpis .stat {
	 min-height: 138px 
}
 .platform-panels {
	 align-items: start 
}
 .mini-kpi-list {
	 display: grid;
	 gap: 10px 
}
 .mini-kpi-list>div {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 padding: 13px 14px;
	 border-radius: 18px;
	 background: #f8fffd;
	 border: 1px solid rgba(14, 165, 164, .12) 
}
 .mini-kpi-list b {
	 font-size: 20px;
	 color: #0f766e 
}
 .mini-kpi-list span {
	 color: #64748b;
	 font-weight: 800;
	 font-size: 13px 
}
 .mobile-topbar {
	 min-height: 62px 
}
 .mobile-topbar .icon-button {
	 flex: 0 0 44px;
	 border-radius: 16px 
}
 .sidebar {
	 will-change: transform 
}
 .sidebar-backdrop {
	 display: block !important 
}
 .sidebar-close {
	 display: none;
	 position: sticky;
	 top: 0;
	 margin: 0 0 12px auto;
	 width: 44px;
	 height: 44px;
	 padding: 0;
	 border-radius: 16px;
	 background: rgba(255, 255, 255, .10) !important;
	 color: #fff !important;
	 border: 1px solid rgba(255, 255, 255, .18) !important;
	 box-shadow: none !important;
	 z-index: 3 
}
 .sidebar-open {
	 overflow: hidden 
}
 .sidebar-open .mobile-topbar {
	 z-index: 65 
}
 .sidebar-open .sidebar-backdrop, .sidebar-backdrop.open {
	 opacity: 1 !important;
	 pointer-events: auto !important 
}
 .sidebar.open, .sidebar[data-open="true"] {
	 transform: translateX(0) !important 
}
 @media (max-width:860px) {
	 body {
		 overflow-x: hidden 
	}
	 .app-shell {
		 display: block !important 
	}
	 .main {
		 width: 100%;
		 min-width: 0 
	}
	 .mobile-topbar {
		 display: flex !important;
		 align-items: center;
		 justify-content: space-between;
		 gap: 12px;
		 position: sticky;
		 top: 0;
		 z-index: 60;
		 background: rgba(255, 255, 255, .92);
		 backdrop-filter: blur(16px);
		 border-bottom: 1px solid rgba(14, 165, 164, .14) 
	}
	 .sidebar {
		 position: fixed !important;
		 top: 0 !important;
		 right: 0 !important;
		 bottom: 0 !important;
		 height: 100dvh !important;
		 width: min(330px, 88vw) !important;
		 max-width: 88vw !important;
		 transform: translateX(110%) !important;
		 z-index: 80 !important;
		 transition: transform .22s ease !important;
		 padding-bottom: calc(24px + env(safe-area-inset-bottom)) !important 
	}
	 .sidebar-close {
		 display: inline-flex !important;
		 align-items: center;
		 justify-content: center 
	}
	 .sidebar-backdrop {
		 position: fixed !important;
		 inset: 0 !important;
		 z-index: 70 !important;
		 background: rgba(2, 8, 23, .48) !important;
		 opacity: 0 !important;
		 pointer-events: none !important;
		 backdrop-filter: blur(4px) !important 
	}
	 .content-wrap {
		 width: 100% !important;
		 max-width: 100% !important;
		 padding: 16px 12px 84px !important;
		 overflow-x: hidden 
	}
	 .page-hero, .page-head, .topbar, .card-header {
		 display: grid !important;
		 grid-template-columns: 1fr !important;
		 align-items: start !important 
	}
	 .page-actions, .actions, .inline {
		 display: grid !important;
		 grid-template-columns: 1fr !important;
		 width: 100% !important 
	}
	 .page-actions .btn, .page-actions button, .actions .btn, .actions button, .actions form, .inline>* {
		 width: 100% !important 
	}
	 .grid, .grid-2, .quick-grid, .kpi-grid, .platform-product-kpis, .platform-panels {
		 grid-template-columns: 1fr !important 
	}
	 .card {
		 padding: 14px !important;
		 border-radius: 22px !important 
	}
	 .table-wrap {
		 width: 100% !important;
		 overflow-x: auto !important;
		 -webkit-overflow-scrolling: touch !important 
	}
	 .table-wrap table {
		 min-width: 680px !important 
	}
	 .searchbox input {
		 width: 100% !important;
		 min-width: 0 !important;
		 margin-top: 10px 
	}
	 .form-grid, .grid-form-v70 {
		 grid-template-columns: 1fr !important 
	}
	 .brand-card {
		 margin-top: 4px 
	}
	 .mini-kpi-list>div {
		 align-items: flex-start;
		 flex-direction: column 
	}
	 .platform-hero {
		 border-radius: 24px;
		 padding: 16px 
	}
}
 @media (max-width:520px) {
	 .mobile-topbar {
		 padding: 10px 12px 
	}
	 .mobile-topbar span {
		 font-size: 14px 
	}
	 .sidebar {
		 width: min(310px, 90vw) !important 
	}
	 .page-title, .page-hero h1, .page-head h1 {
		 font-size: 23px !important 
	}
	 .metric-row {
		 display: grid !important;
		 grid-template-columns: 1fr auto !important 
	}
	 .num {
		 font-size: 26px !important 
	}
	 .btn, button, .button, input[type="submit"] {
		 min-height: 46px 
	}
	 .table-wrap table {
		 min-width: 620px !important 
	}
}
/* ===== ShopNegar Platform Pro Console v6 ===== */
 .platform-explainer .soft-card {
	 background: linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(236, 255, 250, .78));
}
 .status-stack {
	 display: grid;
	 gap: 7px;
	 align-items: start 
}
 .warning-list {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 5px;
	 margin-top: 6px 
}
 .warning-list span {
	 display: inline-flex;
	 align-items: center;
	 padding: 5px 8px;
	 border-radius: 999px;
	 background: #fff7ed;
	 border: 1px solid #fed7aa;
	 color: #9a3412;
	 font-size: 11px;
	 font-weight: 900 
}
 .inline-warnings {
	 margin: 0 
}
 .success-note {
	 display: inline-flex;
	 width: max-content;
	 padding: 6px 9px;
	 border-radius: 999px;
	 background: #dcfce7;
	 color: #166534;
	 font-size: 11px;
	 font-weight: 950 
}
 .store-mini-form {
	 display: grid;
	 grid-template-columns: 1fr;
	 gap: 7px;
	 min-width: 240px 
}
 .store-mini-form label {
	 font-size: 11.5px;
	 font-weight: 950;
	 color: #40606a 
}
 .store-mini-form input, .store-mini-form select, .store-mini-form textarea {
	 margin: 0;
	 min-height: 40px;
	 border-radius: 14px 
}
 .store-mini-form button {
	 min-height: 40px;
	 border-radius: 14px 
}
 .form-grid.tight {
	 gap: 7px;
	 margin: 0 
}
 .compact-actions {
	 margin-top: 8px 
}
 .compact-actions .btn, .compact-actions button {
	 min-height: 38px;
	 padding: 8px 10px;
	 border-radius: 13px 
}
 .ops-details {
	 min-width: 260px 
}
 .ops-details summary {
	 cursor: pointer;
	 list-style: none;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 min-height: 42px;
	 padding: 9px 12px;
	 border-radius: 15px;
	 background: #f0fdfa;
	 border: 1px solid rgba(14, 165, 164, .18);
	 font-weight: 950;
	 color: #0f766e 
}
 .ops-details summary::-webkit-details-marker {
	 display: none 
}
 .ops-details[open] summary {
	 margin-bottom: 10px;
	 background: #ccfbf1 
}
 .danger-zone {
	 margin-top: 10px;
	 padding-top: 10px;
	 border-top: 1px dashed rgba(190, 18, 60, .22) 
}
 .single-action {
	 margin-top: 8px 
}
 .single-action button {
	 width: 100% 
}
 .checkline {
	 display: flex !important;
	 align-items: center;
	 gap: 8px;
	 flex-direction: row !important;
	 background: #f8fffd;
	 border: 1px solid rgba(14, 165, 164, .12);
	 border-radius: 14px;
	 padding: 9px 
}
 .checkline input {
	 width: auto !important;
	 min-height: auto !important;
	 margin: 0 !important 
}
 .support-action-list {
	 display: grid;
	 gap: 10px 
}
 .support-action-list a {
	 display: grid;
	 gap: 3px;
	 padding: 13px 14px;
	 border-radius: 18px;
	 background: #f8fffd;
	 border: 1px solid rgba(14, 165, 164, .14);
	 transition: .15s ease 
}
 .support-action-list a:hover {
	 transform: translateY(-1px);
	 border-color: rgba(14, 165, 164, .28);
	 box-shadow: 0 12px 26px rgba(6, 25, 29, .07) 
}
 .support-action-list b {
	 font-weight: 950;
	 color: #073b3c 
}
 .support-action-list span {
	 color: #64748b;
	 font-size: 12px;
	 line-height: 1.8 
}
 .checklist.compact .check-row {
	 min-height: 54px 
}
 .platform-store-table td {
	 vertical-align: top 
}
 .platform-store-table .table-copy-input {
	 min-width: 280px 
}
 @media(max-width:860px) {
	 .platform-store-table {
		 min-width: 980px !important 
	}
	 .store-mini-form {
		 min-width: 220px 
	}
	 .ops-details {
		 min-width: 240px 
	}
	 .platform-explainer {
		 grid-template-columns: 1fr !important 
	}
	 .support-action-list a {
		 padding: 12px 
	}
	 .warning-list span {
		 font-size: 10.5px 
	}
	 .platform-store-table .table-copy-input {
		 min-width: 240px 
	}
}
 @media(max-width:520px) {
	 .store-mini-form {
		 min-width: 210px 
	}
	 .compact-actions {
		 display: grid !important;
		 grid-template-columns: 1fr !important 
	}
	 .ops-details {
		 min-width: 220px 
	}
}
/* ===== ENAMAD ===== */
 .shopnegar-enamad {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 margin: 16px auto;
	 padding: 10px;
}
 .shopnegar-enamad .enamad-link {
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 border-radius: 18px;
	 background: rgba(255, 255, 255, .75);
	 backdrop-filter: blur(10px);
	 padding: 10px;
	 transition: .25s ease;
	 text-decoration: none !important;
	 box-shadow: 0 8px 24px rgba(0, 0, 0, .06);
}
 .shopnegar-enamad .enamad-link:hover {
	 transform: translateY(-2px);
	 box-shadow: 0 12px 30px rgba(0, 0, 0, .08);
}
 .shopnegar-enamad .enamad-image {
	 width: 110px;
	 height: auto;
	 object-fit: contain;
	 display: block;
}
 @media (max-width: 768px) {
	 .shopnegar-enamad .enamad-image {
		 width: 92px;
	}
}
/* ===== UX polish v1.0.1: forms, orders, dashboard readability ===== */
 .content-wrap {
	 font-size: 14.5px 
}
 .num {
	 font-size: clamp(22px, 2.4vw, 34px) !important;
	 letter-spacing: -.02em 
}
 .money-num {
	 font-size: clamp(18px, 1.8vw, 28px) !important 
}
 .label {
	 font-size: 13px;
	 color: #47606a;
	 font-weight: 900 
}
 .hint {
	 font-size: 12px;
	 color: #64748b;
	 line-height: 1.8 
}
 .ux-form {
	 gap: 12px 14px 
}
 .ux-form>div:not(.full), .product-modal-form>div:not(.full) {
	 background: rgba(248, 255, 253, .72);
	 border: 1px solid rgba(14, 165, 164, .10);
	 border-radius: 18px;
	 padding: 11px 
}
 .ux-form label, .product-modal-form label {
	 font-size: 12.5px;
	 font-weight: 950;
	 color: #24444d;
	 margin-bottom: 6px;
	 display: block 
}
 .ux-form input, .ux-form select, .ux-form textarea, .product-modal-form input, .product-modal-form select, .product-modal-form textarea {
	 min-height: 44px;
	 border-radius: 15px;
	 border: 1px solid #cfe9e6;
	 background: #fff;
	 padding: 10px 12px 
}
 .form-step {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 background: linear-gradient(135deg, #ecfffb, #fff);
	 border: 1px solid rgba(14, 165, 164, .16);
	 border-radius: 20px;
	 padding: 12px 14px !important 
}
 .form-step b {
	 font-size: 14px;
	 color: #0f766e 
}
 .form-step span {
	 color: #64748b;
	 font-size: 12px;
	 line-height: 1.8 
}
 .import-panel {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 16px 
}
 .import-actions {
	 display: flex;
	 align-items: center;
	 gap: 10px;
	 flex-wrap: wrap 
}
 .attrs-grid, .variant-grid {
	 gap: 8px 
}
 .attr-row, .variant-row {
	 display: grid;
	 grid-template-columns: 1fr 1fr auto;
	 gap: 8px 
}
 .variant-row {
	 grid-template-columns: 1.2fr .8fr .7fr .7fr auto 
}
 .order-summary-grid .compact-stat {
	 min-height: 126px 
}
 .pro-order-board {
	 overflow: hidden 
}
 .pro-orders-table th, .pro-orders-table td {
	 vertical-align: top 
}
 .order-items-mini {
	 display: grid;
	 gap: 4px;
	 min-width: 180px 
}
 .order-items-mini span {
	 display: inline-flex;
	 width: max-content;
	 max-width: 260px;
	 padding: 4px 8px;
	 border-radius: 999px;
	 background: #f8fffd;
	 border: 1px solid rgba(14, 165, 164, .12);
	 font-size: 12px 
}
 .order-inline-form {
	 display: grid !important;
	 grid-template-columns: minmax(120px, 1fr) minmax(90px, .9fr) auto;
	 gap: 6px 
}
 .pro-order-card {
	 border-radius: 22px 
}
 .guide-list {
	 line-height: 2.2;
	 color: #334155 
}
 .help-grid .card {
	 min-height: 190px 
}
 .shopnegar-enamad .enamad-image {
	 max-width: 110px !important 
}
 @media(max-width:860px) {
	 .import-panel {
		 display: grid 
	}
	 .import-actions {
		 display: grid;
		 width: 100% 
	}
	 .form-step {
		 display: grid 
	}
	 .order-mobile-list {
		 display: grid !important 
	}
	 .order-inline-form {
		 grid-template-columns: 1fr !important 
	}
	 .quick-order-form {
		 grid-template-columns: 1fr !important 
	}
	 .variant-row, .attr-row {
		 grid-template-columns: 1fr !important 
	}
	 .compact-stat {
		 min-height: auto 
	}
	 .num {
		 font-size: 25px !important 
	}
	 .money-num {
		 font-size: 21px !important 
	}
}
/* ShopNegar v1.0.2 - bot activation notices */
 .notice-board {
	 border: 1px solid rgba(34, 197, 94, .18);
	 background: linear-gradient(180deg, #ffffff, #f8fffb) 
}
 .notice-list {
	 display: grid;
	 gap: 10px;
	 margin-top: 10px 
}
 .notice-item {
	 display: flex;
	 gap: 10px;
	 align-items: flex-start;
	 border: 1px solid #e5e7eb;
	 border-radius: 16px;
	 padding: 12px 14px;
	 background: #fff 
}
 .notice-item span {
	 font-size: 20px;
	 line-height: 1 
}
 .notice-item b {
	 display: block;
	 font-size: 14px;
	 color: #111827;
	 margin-bottom: 4px 
}
 .notice-item small {
	 display: block;
	 color: #6b7280;
	 font-size: 12px;
	 direction: ltr;
	 text-align: right 
}
 .notice-item.ok {
	 border-color: rgba(34, 197, 94, .28);
	 background: #f0fdf4 
}
 .notice-item.danger {
	 border-color: rgba(239, 68, 68, .28);
	 background: #fef2f2 
}
 .alert {
	 border-radius: 16px;
	 padding: 12px 14px;
	 margin: 12px 0;
	 font-weight: 700 
}
 .alert.success {
	 background: #ecfdf5;
	 border: 1px solid #bbf7d0;
	 color: #166534 
}
 .alert.danger {
	 background: #fef2f2;
	 border: 1px solid #fecaca;
	 color: #991b1b 
}
/* ===== ShopNegar v1.0.3: plan-safe rendering, compact grids, bot guide ===== */
 html {
	 font-size: 14px 
}
 body {
	 font-size: 13.5px !important;
	 line-height: 1.65 
}
 .content-wrap {
	 font-size: 13.5px !important;
	 max-width: 1240px !important;
	 padding: 22px !important 
}
 .page-title, .page-hero h1, .page-head h1 {
	 font-size: clamp(20px, 2vw, 25px) !important;
	 line-height: 1.45 !important;
	 margin: 6px 0 !important 
}
 .page-hero, .page-head {
	 padding: 16px 0 12px !important;
	 margin-bottom: 12px !important 
}
 .page-kicker {
	 font-size: 10.5px !important;
	 padding: 5px 10px !important 
}
 .muted, .card-subtitle, small {
	 font-size: 12px !important;
	 line-height: 1.8 !important 
}
 .card {
	 border-radius: 22px !important;
	 padding: 15px !important;
	 margin-bottom: 12px !important;
	 box-shadow: 0 14px 38px rgba(6, 25, 29, .065) !important 
}
 .card-title, .form-section-title {
	 font-size: 15px !important;
	 line-height: 1.6 !important 
}
 .grid, .grid-2, .quick-grid, .kpi-grid {
	 gap: 11px !important;
	 margin-bottom: 12px !important 
}
 .quick-card {
	 border-radius: 20px !important;
	 padding: 13px !important;
	 gap: 10px !important 
}
 .quick-card .icon, .metric-icon {
	 width: 42px !important;
	 height: 42px !important;
	 border-radius: 16px !important;
	 font-size: 19px !important 
}
 .num {
	 font-size: clamp(20px, 1.9vw, 28px) !important;
	 margin-top: 3px !important 
}
 .label {
	 font-size: 12px !important 
}
 .hint {
	 font-size: 11.5px !important 
}
 .btn, button, .button, input[type="submit"] {
	 min-height: 39px !important;
	 border-radius: 14px !important;
	 padding: 8px 12px !important;
	 font-size: 12.5px !important;
	 box-shadow: none !important 
}
 input, select, textarea {
	 min-height: 40px !important;
	 border-radius: 13px !important;
	 padding: 9px 11px !important;
	 font-size: 13px !important 
}
 label {
	 font-size: 12.5px !important;
	 margin-bottom: 5px !important 
}
 .form-grid {
	 gap: 10px !important 
}
 .form-section {
	 border-radius: 18px !important;
	 padding: 13px !important;
	 margin-bottom: 10px !important 
}
 .table-wrap {
	 border-radius: 18px !important;
	 max-width: 100% !important;
	 overflow: auto !important 
}
 table {
	 min-width: 760px !important;
	 font-size: 12.5px !important 
}
 th, td {
	 padding: 9px 10px !important 
}
 th {
	 font-size: 11.5px !important 
}
 .badge {
	 font-size: 11px !important;
	 padding: 5px 9px !important 
}
 .thumb {
	 width: 48px !important;
	 height: 48px !important;
	 border-radius: 14px !important 
}
 .nav-item {
	 min-height: 42px !important;
	 padding: 8px 10px !important;
	 border-radius: 15px !important 
}
 .nav-item span {
	 width: 24px !important;
	 height: 24px !important;
	 border-radius: 9px !important 
}
 .nav-item b {
	 font-size: 12.5px !important 
}
 .nav-section-title {
	 font-size: 10.5px !important;
	 margin: 14px 8px 7px !important 
}
 .brand-title {
	 font-size: 17px !important 
}
 .brand-logo-wrap {
	 width: 48px !important;
	 height: 48px !important;
	 min-width: 48px !important;
	 border-radius: 18px !important 
}
 .sidebar {
	 padding: 16px 13px !important 
}
 .brand-card {
	 padding: 10px !important;
	 border-radius: 20px !important;
	 margin-bottom: 16px !important 
}
 .import-panel {
	 display: grid !important;
	 grid-template-columns: minmax(240px, 1fr) auto !important;
	 align-items: center !important;
	 background: linear-gradient(135deg, #f8fffd, #ffffff) !important;
	 overflow: hidden !important 
}
 .import-actions {
	 display: flex !important;
	 align-items: center !important;
	 justify-content: flex-end !important;
	 gap: 8px !important 
}
 .import-file-form {
	 display: flex !important;
	 align-items: center !important;
	 gap: 8px !important 
}
 .file-picker {
	 position: relative;
	 margin: 0 !important;
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 min-height: 39px;
	 border-radius: 14px;
	 border: 1px dashed rgba(14, 165, 164, .35);
	 background: #fff;
	 padding: 8px 12px;
	 font-weight: 900;
	 color: #0f766e;
	 cursor: pointer 
}
 .file-picker input {
	 position: absolute;
	 inset: 0;
	 opacity: 0;
	 cursor: pointer;
	 min-height: auto !important 
}
 .file-picker span {
	 white-space: nowrap 
}
 .guide-alert, .setup-callout {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 padding: 14px 16px;
	 margin-bottom: 12px;
	 border-radius: 22px;
	 border: 1px solid rgba(14, 165, 164, .18);
	 background: linear-gradient(135deg, #ecfffb, #ffffff);
	 box-shadow: 0 14px 34px rgba(6, 25, 29, .06) 
}
 .guide-alert b, .setup-callout b {
	 display: block;
	 font-size: 15px;
	 color: #073b3c;
	 margin-bottom: 2px 
}
 .guide-alert span, .setup-callout span {
	 display: block;
	 color: #64748b;
	 font-size: 12.5px;
	 line-height: 1.8 
}
 .setup-actions {
	 display: flex;
	 align-items: center;
	 gap: 8px;
	 flex-wrap: wrap 
}
 .bot-token-layout {
	 display: grid;
	 grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
	 gap: 14px;
	 align-items: start 
}
 .bot-guide-card {
	 background: #fff;
	 border: 1px solid rgba(14, 165, 164, .18);
	 border-radius: 18px;
	 padding: 14px;
	 display: grid;
	 gap: 9px 
}
 .bot-guide-card b {
	 font-size: 14px;
	 color: #073b3c 
}
 .bot-guide-card ol {
	 margin: 0;
	 padding-right: 18px;
	 color: #334155;
	 line-height: 2 
}
 .bot-guide-card li {
	 font-size: 12.5px 
}
 .botfather-box {
	 display: grid;
	 gap: 8px;
	 padding: 12px;
	 border-radius: 18px;
	 background: #f8fffd;
	 border: 1px solid rgba(14, 165, 164, .14) 
}
 .botfather-box code, .bot-guide-card code {
	 direction: ltr;
	 text-align: left;
	 display: inline-flex;
	 width: max-content 
}
 .onboarding-grid {
	 align-items: start 
}
 .product-attrs-head {
	 gap: 10px !important 
}
 .attr-row, .variant-row {
	 gap: 7px !important 
}
 .modal-card.wide {
	 max-width: min(980px, 96vw) !important 
}
 .modal-head h2 {
	 font-size: 18px !important;
	 margin: 0 !important 
}
 @media(max-width:980px) {
	 .import-panel, .bot-token-layout {
		 grid-template-columns: 1fr !important 
	}
	 .import-actions, .import-file-form, .setup-actions {
		 display: grid !important;
		 width: 100% !important 
	}
	 .guide-alert, .setup-callout {
		 display: grid !important 
	}
	 .guide-alert .btn, .setup-actions .btn {
		 width: 100% !important 
	}
	 .content-wrap {
		 padding: 16px 12px 76px !important 
	}
	 .card {
		 padding: 13px !important 
	}
	 .page-title, .page-hero h1, .page-head h1 {
		 font-size: 22px !important 
	}
	 table {
		 min-width: 680px !important 
	}
}
 @media(max-width:520px) {
	 body {
		 font-size: 13px !important 
	}
	 .content-wrap {
		 padding: 12px 10px 76px !important 
	}
	 .btn, button, .button, input[type="submit"] {
		 width: 100%;
		 font-size: 12.3px !important 
	}
	 .num {
		 font-size: 22px !important 
	}
	 .card-title, .form-section-title {
		 font-size: 14.5px !important 
	}
	 th, td {
		 padding: 8px !important 
	}
	 .file-picker {
		 width: 100% 
	}
}
/* ===== ShopNegar v1.0.5 - Negar default theme for all management pages ===== */
 :root {
	 --primary: #19C9C2;
	 --primary-2: #0B68C7;
	 --primary-soft: #E9FBFB;
	 --navy: #081D56;
	 --navy-2: #08337E;
	 --gold: #F7B731;
	 --bg: #F4FBFB;
	 --surface: #FFFFFF;
	 --surface-2: #F8FDFD;
	 --text: #0B1730;
	 --muted: #66788F;
	 --line: rgba(8, 37, 111, .12);
	 --panel-bg: #F4FBFB;
	 --panel-card: #FFFFFF;
	 --panel-border: rgba(8, 37, 111, .12);
	 --panel-text: #0B1730;
	 --panel-muted: #66788F;
	 --panel-primary: #19C9C2;
	 --panel-primary-2: #0B68C7;
	 --panel-gold: #F7B731;
	 --shadow: 0 22px 64px rgba(8, 37, 111, .09);
}
 html {
	 background: var(--bg) !important 
}
 body:not(.miniapp-body):not(.public-body-v104):not(.auth-body-v104) {
	 color: var(--text) !important;
	 background: radial-gradient(circle at 15% 7%, rgba(25, 201, 194, .18), transparent 28%), radial-gradient(circle at 88% 12%, rgba(8, 37, 111, .10), transparent 34%), linear-gradient(180deg, #ffffff 0%, #f4fbfb 55%, #eef8f7 100%) !important;
}
 .sidebar {
	 background: radial-gradient(circle at 15% 5%, rgba(25, 201, 194, .22), transparent 30%), linear-gradient(180deg, #071B53 0%, #08256F 58%, #06324F 100%) !important;
	 box-shadow: -18px 0 60px rgba(8, 37, 111, .20) !important;
}
 .brand-card {
	 border-color: rgba(25, 201, 194, .24) !important;
	 background: rgba(255, 255, 255, .075) !important 
}
 .brand-subtitle, .user-pill small, .nav-section-title {
	 color: #BFF7F4 !important 
}
 .nav-item {
	 color: #E8FCFF !important 
}
 .nav-item.active, .btn:not(.secondary):not(.danger):not(.ok):not(.gold), button:not(.secondary):not(.danger):not(.ok):not(.gold), .page-kicker, .quick-card .icon {
	 background: linear-gradient(135deg, #19C9C2, #0B68C7) !important;
	 color: #fff !important;
}
 .btn.secondary, button.secondary {
	 background: #fff !important;
	 color: #0B3A70 !important;
	 border-color: rgba(8, 37, 111, .14) !important 
}
 .card, .quick-card, .form-section, .table-wrap {
	 border-color: rgba(8, 37, 111, .10) !important;
	 box-shadow: 0 18px 52px rgba(8, 37, 111, .075) !important;
}
 th {
	 background: #F5FBFD !important;
	 color: #173454 !important 
}
 input:focus, select:focus, textarea:focus {
	 border-color: #19C9C2 !important;
	 box-shadow: 0 0 0 4px rgba(25, 201, 194, .14) !important 
}
 .badge.info, .page-kicker {
	 background: #E9FBFB !important;
	 color: #086977 !important;
	 border: 1px solid rgba(25, 201, 194, .18) !important 
}
 .num, .money-num {
	 color: #0B1730 !important 
}
 .color-picker-row-v105 {
	 display: grid;
	 grid-template-columns: 72px 1fr;
	 gap: 12px;
	 align-items: center 
}
 .color-picker-row-v105 input[type="color"] {
	 width: 72px !important;
	 height: 48px !important;
	 min-height: 48px !important;
	 padding: 4px !important;
	 border-radius: 16px !important;
	 cursor: pointer;
	 background: #fff !important 
}
 .color-picker-row-v105 .color-code-v105 {
	 height: 48px;
	 display: flex;
	 align-items: center;
	 padding: 0 13px;
	 border: 1px solid rgba(8, 37, 111, .12);
	 border-radius: 16px;
	 background: #fff;
	 color: #0B1730;
	 font-weight: 900;
	 direction: ltr;
	 text-align: left 
}
 .color-help-v105 {
	 display: block;
	 margin-top: 8px;
	 color: #66788F;
	 font-size: 12px;
	 line-height: 1.85 
}
/* ===== ShopNegar v1.0.6 - Sky Blue default admin theme + platform grids ===== */
 :root {
	 --primary: #18BFD0;
	 --primary-2: #0B68C7;
	 --primary-soft: #E8F9FF;
	 --bg: #F3FBFF;
	 --surface-2: #F7FCFF;
	 --line: #D6EAF3;
	 --info: #0B68C7;
	 --info-soft: #EAF4FF;
}
 html {
	 background: #F3FBFF !important 
}
 body {
	 background: radial-gradient(circle at 100% 0%, rgba(24, 191, 208, .18), transparent 34%), radial-gradient(circle at 0% 8%, rgba(11, 104, 199, .08), transparent 30%), linear-gradient(180deg, #FBFDFF 0%, #F0F9FF 100%) !important;
}
 .card, .quick-card, .table-wrap, input, select, textarea {
	 border-color: rgba(11, 104, 199, .13) !important 
}
 th {
	 background: #F3FAFF !important;
	 color: #24445A !important 
}
 tr:hover td {
	 background: #FAFDFF !important 
}
 .page-kicker {
	 background: #E8F9FF !important;
	 color: #075985 !important 
}
 .platform-hero {
	 background: linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(232, 249, 255, .86)) !important;
	 border-color: rgba(11, 104, 199, .12) !important 
}
 .platform-explainer .soft-card {
	 background: linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(240, 249, 255, .82)) !important 
}
 .metric-icon {
	 background: linear-gradient(135deg, #E8F9FF, #EEF6FF) !important 
}
 .stat:after {
	 background: rgba(24, 191, 208, .10) !important 
}
 .btn.secondary, button.secondary {
	 background: #F6FCFF !important;
	 color: #16445B !important;
	 border-color: rgba(11, 104, 199, .15) !important 
}
 .empty {
	 background: linear-gradient(135deg, #fff, #F7FCFF) !important;
	 border-color: rgba(11, 104, 199, .22) !important 
}
 .store-grid-v106 {
	 display: grid;
	 grid-template-columns: repeat(3, minmax(0, 1fr));
	 gap: 14px 
}
 .store-card-v106 {
	 display: flex;
	 flex-direction: column;
	 background: rgba(255, 255, 255, .90);
	 border: 1px solid rgba(11, 104, 199, .12);
	 border-radius: 26px;
	 box-shadow: 0 16px 45px rgba(8, 47, 73, .08);
	 overflow: hidden;
	 transition: .16s ease 
}
 .store-card-v106:hover {
	 transform: translateY(-2px);
	 box-shadow: 0 22px 55px rgba(8, 47, 73, .12) 
}
 .store-card-main-v106 {
	 display: grid;
	 gap: 12px;
	 padding: 16px;
	 color: inherit 
}
 .store-card-top-v106 {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 gap: 10px 
}
 .store-card-top-v106 h3 {
	 margin: 0;
	 font-size: 17px;
	 line-height: 1.6 
}
 .store-card-top-v106 span {
	 display: block;
	 color: #64748b;
	 font-size: 12px;
	 margin-top: 2px 
}
 .store-status-v106 {
	 padding: 6px 10px;
	 border-radius: 999px;
	 font-size: 12px;
	 font-weight: 950;
	 white-space: nowrap 
}
 .store-status-v106.is-ok {
	 background: #DCFCE7;
	 color: #166534 
}
 .store-status-v106.is-bad {
	 background: #FFF1F2;
	 color: #9F1239 
}
 .store-meta-v106 {
	 display: grid;
	 gap: 7px;
	 color: #475569;
	 font-size: 12.5px 
}
 .store-meta-v106 span {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 8px;
	 padding: 7px 9px;
	 border-radius: 14px;
	 background: #F7FCFF;
	 border: 1px solid rgba(11, 104, 199, .08) 
}
 .store-numbers-v106 {
	 display: grid;
	 grid-template-columns: repeat(3, 1fr);
	 gap: 8px 
}
 .store-numbers-v106 div {
	 min-height: 66px;
	 border-radius: 18px;
	 background: linear-gradient(180deg, #fff, #F5FBFF);
	 border: 1px solid rgba(11, 104, 199, .09);
	 display: grid;
	 place-items: center;
	 text-align: center 
}
 .store-numbers-v106 b {
	 font-size: 20px;
	 color: #075985 
}
 .store-numbers-v106 span {
	 font-size: 11px;
	 color: #64748b;
	 font-weight: 900 
}
 .store-card-actions-v106 {
	 display: grid;
	 grid-template-columns: 1fr 1fr;
	 gap: 8px;
	 padding: 12px 16px 16px;
	 border-top: 1px solid rgba(11, 104, 199, .08) 
}
 .store-card-actions-v106 .btn {
	 width: 100%;
	 min-height: 40px 
}
 .compact-warnings-v106 {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 6px 
}
 .compact-warnings-v106 span {
	 font-size: 11.5px;
	 background: #FFF7ED;
	 color: #9A3412;
	 border: 1px solid #FED7AA;
	 border-radius: 999px;
	 padding: 5px 8px 
}
 .small-num-v106 {
	 font-size: 22px !important 
}
 .store-detail-form-v106 {
	 grid-template-columns: repeat(2, minmax(0, 1fr)) 
}
 .store-detail-form-v106 .full {
	 grid-column: 1/-1 
}
 .store-edit-layout-v106 {
	 align-items: start 
}
 .store-health-grid-v106 {
	 grid-template-columns: repeat(4, minmax(0, 1fr)) 
}
 .warning-card-v106 {
	 border-color: rgba(245, 158, 11, .18) !important;
	 background: linear-gradient(135deg, #fff, #FFF7ED) !important 
}
 .stack-actions-v106 {
	 display: flex;
	 gap: 10px;
	 flex-wrap: wrap;
	 margin-bottom: 14px 
}
 .stack-actions-v106 form {
	 display: inline-flex 
}
 .danger-zone-v106 {
	 margin-top: 12px;
	 padding-top: 14px;
	 border-top: 1px dashed rgba(225, 29, 72, .18) 
}
 .mini-log-v106 {
	 display: grid;
	 gap: 8px 
}
 .mini-log-v106>b {
	 margin-top: 8px;
	 color: #0f172a 
}
 .mini-log-v106>div {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 10px;
	 padding: 9px 11px;
	 border-radius: 14px;
	 background: #F7FCFF;
	 border: 1px solid rgba(11, 104, 199, .09) 
}
 .mini-log-v106 em {
	 font-style: normal;
	 font-weight: 950 
}
 .ok-text {
	 color: #166534 
}
 .bad-text {
	 color: #b91c1c 
}
 .compact-form-v106 input, .compact-form-v106 select, .store-detail-form-v106 input, .store-detail-form-v106 select, .store-detail-form-v106 textarea {
	 min-height: 42px !important 
}
 .platform-store-overview-v106 .card-header {
	 align-items: center 
}
 @media(max-width:1180px) {
	 .store-grid-v106 {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) 
	}
	 .store-health-grid-v106 {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) 
	}
}
 @media(max-width:760px) {
	 .store-grid-v106, .store-detail-form-v106, .store-edit-layout-v106, .store-health-grid-v106 {
		 grid-template-columns: 1fr 
	}
	 .store-card-actions-v106 {
		 grid-template-columns: 1fr 
	}
	 .store-card-v106 {
		 border-radius: 22px 
	}
	 .content-wrap {
		 padding: 16px 
	}
	 .page-title {
		 font-size: 23px 
	}
}
/* ===== ShopNegar v1.0.7 - plan matrix, orders grid, public spacing ===== */
 .plans-matrix-wrap-v104 {
	 max-width: 1180px;
	 margin-inline: auto;
	 overflow-x: auto;
	 border-radius: 28px;
	 background: rgba(255, 255, 255, .72);
	 box-shadow: 0 22px 70px rgba(14, 58, 98, .08) 
}
 .plans-matrix-v104 {
	 min-width: 980px;
	 font-size: 13px 
}
 .plans-matrix-v104 th, .plans-matrix-v104 td {
	 padding: 12px 14px 
}
 .plans-matrix-v104 thead th {
	 background: linear-gradient(180deg, #eef8ff, #fff) 
}
 .plans-matrix-v104 thead th.featured-col {
	 background: linear-gradient(180deg, #dff7ff, #eef9ff) 
}
 .orders-kpi-v107 {
	 display: grid;
	 grid-template-columns: repeat(4, minmax(0, 1fr));
	 gap: 14px;
	 margin-bottom: 18px 
}
 .orders-board-v107 {
	 padding: 16px !important;
	 overflow: hidden 
}
 .orders-board-head-v107 {
	 align-items: center 
}
 .orders-table-shell-v107 {
	 width: 100%;
	 overflow: auto;
	 border: 1px solid rgba(11, 104, 199, .12);
	 border-radius: 22px;
	 background: #fff 
}
 .orders-table-v107 {
	 width: 100%;
	 min-width: 1040px;
	 border-collapse: separate;
	 border-spacing: 0 
}
 .orders-table-v107 th {
	 font-size: 12px;
	 background: #f1f8ff;
	 color: #173b5d 
}
 .orders-table-v107 td {
	 font-size: 13px;
	 vertical-align: top 
}
 .orders-table-v107 small {
	 display: block;
	 color: #64748b;
	 line-height: 1.8 
}
 .order-no-v107 b {
	 font-size: 13px 
}
 .order-items-mini-v107 {
	 display: flex;
	 gap: 6px;
	 flex-wrap: wrap;
	 max-width: 300px 
}
 .order-items-mini-v107 span {
	 display: inline-flex;
	 max-width: 260px;
	 padding: 5px 9px;
	 border-radius: 999px;
	 background: #f7fcff;
	 border: 1px solid rgba(11, 104, 199, .12);
	 font-size: 12px;
	 white-space: normal 
}
 .order-actions-v107 {
	 display: grid;
	 gap: 8px;
	 min-width: 260px 
}
 .order-actions-v107 form {
	 display: grid;
	 grid-template-columns: 1fr 1fr auto;
	 gap: 7px;
	 align-items: center 
}
 .order-actions-v107 form+form {
	 grid-template-columns: 1fr 
}
 .order-actions-v107 input, .order-actions-v107 select {
	 min-height: 40px;
	 padding: 9px;
	 border-radius: 13px 
}
 .mobile-only-v107 {
	 display: none 
}
 .desktop-only-v107 {
	 display: block 
}
 .orders-card-grid-v107 {
	 display: grid;
	 gap: 12px 
}
 .order-card-v107 {
	 background: #fff;
	 border: 1px solid rgba(11, 104, 199, .12);
	 border-radius: 22px;
	 padding: 13px;
	 box-shadow: 0 18px 45px rgba(14, 58, 98, .07) 
}
 .order-card-v107 header {
	 display: flex;
	 justify-content: space-between;
	 gap: 10px;
	 align-items: flex-start;
	 margin-bottom: 10px 
}
 .order-card-v107 header small {
	 display: block;
	 color: #64748b;
	 margin-top: 3px 
}
 .order-info-v107 {
	 display: grid;
	 grid-template-columns: 1fr 1fr;
	 gap: 9px 
}
 .order-info-v107 div {
	 background: #f8fcff;
	 border: 1px solid rgba(11, 104, 199, .10);
	 border-radius: 16px;
	 padding: 9px 
}
 .order-info-v107 .full {
	 grid-column: 1/-1 
}
 .order-info-v107 span {
	 display: block;
	 font-size: 11px;
	 color: #64748b;
	 font-weight: 900 
}
 .order-info-v107 b {
	 font-size: 13px 
}
 .order-info-v107 p {
	 margin: 4px 0 0;
	 color: #334155;
	 line-height: 1.8 
}
 .quick-order-form-v107 {
	 display: grid;
	 grid-template-columns: 1fr 1fr;
	 gap: 8px;
	 margin-top: 10px 
}
 .quick-order-form-v107 button {
	 grid-column: 1/-1 
}
 .quick-order-form-v107 input, .quick-order-form-v107 select {
	 min-width: 0 
}
 .public-footer-v104 {
	 margin-top: 28px !important 
}
 .public-main-v104 {
	 padding-bottom: 28px !important 
}
 @media(max-width:980px) {
	 .orders-kpi-v107 {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) 
	}
	 .desktop-only-v107 {
		 display: none !important 
	}
	 .mobile-only-v107 {
		 display: grid !important 
	}
	 .orders-board-v107 {
		 padding: 12px !important 
	}
	 .orders-board-head-v107 {
		 display: grid !important 
	}
	 .searchbox input {
		 width: 100%;
		 min-width: 0 
	}
	 .plans-matrix-v104 {
		 min-width: 860px 
	}
}
 @media(max-width:560px) {
	 .orders-kpi-v107 {
		 grid-template-columns: 1fr 
	}
	 .order-info-v107 {
		 grid-template-columns: 1fr 
	}
	 .quick-order-form-v107 {
		 grid-template-columns: 1fr 
	}
	 .page-actions .btn {
		 width: 100% 
	}
	 .plans-matrix-wrap-v104 {
		 margin-inline: -10px;
		 border-radius: 18px 
	}
	 .plans-matrix-v104 {
		 min-width: 820px;
		 font-size: 12px 
	}
	 .plans-matrix-v104 th, .plans-matrix-v104 td {
		 padding: 10px 
	}
}
/* ===== ShopNegar v1.1.2 complete documentation/catalog pages ===== */
 .doc-hero-v112 {
	 display: grid;
	 grid-template-columns: minmax(0, 1fr) 280px;
	 gap: 18px;
	 align-items: stretch;
	 margin: 10px 0 22px;
	 padding: 26px;
	 border-radius: 32px;
	 background: radial-gradient(circle at 15% 20%, rgba(30, 198, 214, .22), transparent 34%), linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(235, 249, 255, .9));
	 border: 1px solid rgba(18, 124, 165, .12);
	 box-shadow: 0 26px 70px rgba(13, 65, 102, .09);
}
 .doc-hero-v112 h1 {
	 margin: 12px 0 10px;
	 font-size: clamp(24px, 3vw, 38px);
	 line-height: 1.55;
	 color: #071b3a;
}
 .doc-hero-v112 p {
	 max-width: 850px;
	 color: #52677f;
	 line-height: 2.1;
	 margin: 0;
}
 .doc-pill-v112 {
	 display: inline-flex;
	 padding: 8px 13px;
	 border-radius: 999px;
	 background: #e5fbff;
	 border: 1px solid rgba(23, 181, 198, .28);
	 color: #007f91;
	 font-weight: 900;
	 font-size: 12px;
}
 .doc-hero-card-v112 {
	 border-radius: 26px;
	 padding: 20px;
	 color: #fff;
	 background: radial-gradient(circle at 15% 85%, rgba(30, 213, 195, .45), transparent 35%), linear-gradient(135deg, #0d2f6d, #087fc1);
	 box-shadow: 0 22px 55px rgba(13, 47, 109, .18);
	 display: grid;
	 align-content: center;
	 gap: 8px;
}
 .doc-hero-card-v112 b {
	 font-size: 13px;
	 opacity: .85 
}
 .doc-hero-card-v112 strong {
	 font-size: 25px 
}
 .doc-hero-card-v112 span {
	 font-size: 12px;
	 line-height: 1.9;
	 opacity: .9 
}
 .doc-layout-v112 {
	 display: grid;
	 grid-template-columns: 260px minmax(0, 1fr);
	 gap: 18px;
	 align-items: start;
}
 .doc-toc-v112 {
	 position: sticky;
	 top: 18px;
	 display: grid;
	 gap: 8px;
	 padding: 14px;
	 border-radius: 24px;
	 background: rgba(255, 255, 255, .82);
	 border: 1px solid rgba(18, 124, 165, .12);
	 box-shadow: 0 18px 45px rgba(13, 65, 102, .07);
}
 .doc-toc-v112 a {
	 text-decoration: none;
	 color: #173b5d;
	 font-weight: 900;
	 font-size: 13px;
	 padding: 10px 12px;
	 border-radius: 16px;
	 background: rgba(239, 250, 255, .7);
	 border: 1px solid transparent;
}
 .doc-toc-v112 a:hover {
	 background: #e0f8ff;
	 border-color: rgba(23, 181, 198, .28);
	 color: #007f91;
}
 .doc-content-v112 {
	 display: grid;
	 gap: 18px 
}
 .doc-section-v112 {
	 padding: 24px;
	 border-radius: 28px;
	 background: rgba(255, 255, 255, .86);
	 border: 1px solid rgba(18, 124, 165, .12);
	 box-shadow: 0 20px 55px rgba(13, 65, 102, .07);
}
 .doc-section-v112 h2 {
	 margin: 0 0 14px;
	 color: #071b3a;
	 font-size: 22px;
	 line-height: 1.7;
}
 .doc-section-v112 h3 {
	 margin: 22px 0 8px;
	 color: #0b315c;
	 font-size: 16px;
}
 .doc-section-v112 p, .doc-section-v112 li {
	 color: #42556d;
	 line-height: 2.15;
	 font-size: 14px;
}
 .doc-grid-v112, .catalog-cards-v112, .module-grid-v112 {
	 display: grid;
	 grid-template-columns: repeat(4, minmax(0, 1fr));
	 gap: 12px;
	 margin-top: 16px;
}
 .doc-grid-v112 div, .catalog-cards-v112 div, .module-grid-v112 div {
	 padding: 15px;
	 border-radius: 20px;
	 background: #f6fcff;
	 border: 1px solid rgba(18, 124, 165, .11);
}
 .doc-grid-v112 b, .catalog-cards-v112 b, .module-grid-v112 h3 {
	 display: block;
	 margin: 0 0 8px;
	 color: #073763;
	 font-weight: 1000;
}
 .doc-grid-v112 span, .catalog-cards-v112 span, .module-grid-v112 p {
	 display: block;
	 margin: 0;
	 color: #586d84;
	 font-size: 13px;
	 line-height: 2;
}
 .module-grid-v112 {
	 grid-template-columns: repeat(3, minmax(0, 1fr)) 
}
 .doc-table-v112 {
	 width: 100%;
	 border-collapse: separate;
	 border-spacing: 0;
	 overflow: hidden;
	 border-radius: 20px;
	 border: 1px solid rgba(18, 124, 165, .14);
	 background: #fff;
	 margin-top: 14px;
}
 .doc-table-v112 th, .doc-table-v112 td {
	 padding: 13px 14px;
	 text-align: right;
	 border-bottom: 1px solid rgba(18, 124, 165, .1);
	 border-left: 1px solid rgba(18, 124, 165, .08);
	 vertical-align: top;
	 line-height: 2;
	 font-size: 13px;
}
 .doc-table-v112 th {
	 background: #eef9ff;
	 color: #0a315d;
	 font-weight: 1000;
}
 .doc-table-v112 tr:last-child td {
	 border-bottom: 0 
}
 .doc-list-v112, .doc-steps-v112 {
	 padding-right: 22px;
}
 .doc-code-v112 {
	 direction: ltr;
	 text-align: left;
	 white-space: pre-wrap;
	 background: #071b3a;
	 color: #e9fbff;
	 padding: 16px;
	 border-radius: 18px;
	 overflow: auto;
	 line-height: 1.8;
}
 .doc-badge-v112 {
	 display: inline-flex;
	 margin-right: 6px;
	 padding: 4px 9px;
	 border-radius: 999px;
	 background: #d8fbef;
	 color: #00856c;
	 font-size: 11px;
	 font-weight: 1000;
}
 .sales-script-v112 {
	 display: grid;
	 gap: 12px;
}
 .sales-script-v112 h3 {
	 margin: 0 
}
 .sales-script-v112 p {
	 margin: 0;
	 background: #f7fcff;
	 border: 1px solid rgba(18, 124, 165, .11);
	 border-radius: 18px;
	 padding: 14px;
}
 .catalog-hero-v112 {
	 background: radial-gradient(circle at 20% 25%, rgba(29, 207, 191, .24), transparent 34%), linear-gradient(135deg, rgba(255, 255, 255, .95), rgba(235, 248, 255, .92));
}
 @media(max-width:1100px) {
	 .doc-layout-v112 {
		 grid-template-columns: 1fr 
	}
	 .doc-toc-v112 {
		 position: relative;
		 top: auto;
		 grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	 .doc-grid-v112, .catalog-cards-v112, .module-grid-v112 {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) 
	}
}
 @media(max-width:720px) {
	 .doc-hero-v112 {
		 grid-template-columns: 1fr;
		 padding: 18px;
		 border-radius: 24px 
	}
	 .doc-section-v112 {
		 padding: 17px;
		 border-radius: 22px 
	}
	 .doc-toc-v112 {
		 grid-template-columns: 1fr 
	}
	 .doc-grid-v112, .catalog-cards-v112, .module-grid-v112 {
		 grid-template-columns: 1fr 
	}
	 .doc-table-v112 {
		 display: block;
		 overflow-x: auto;
		 white-space: nowrap;
	}
}
/* ===== ShopNegar v1.1.3 understandable highlighted sidebar ===== */
 .sn-sidebar-v113 {
	 --sn-sidebar-soft: #f3fbff;
	 --sn-sidebar-border: rgba(14, 116, 144, .13);
}
 .sn-sidebar-guide-v113 {
	 margin: 10px 10px 14px;
	 padding: 12px 13px;
	 border-radius: 18px;
	 background: linear-gradient(135deg, #e8f9ff, #ffffff);
	 border: 1px solid rgba(14, 116, 144, .14);
	 box-shadow: 0 12px 28px rgba(13, 65, 102, .06);
}
 .sn-sidebar-guide-v113 strong {
	 display: block;
	 color: #073763;
	 font-size: 13px;
	 font-weight: 1000;
	 margin-bottom: 4px;
}
 .sn-sidebar-guide-v113 span {
	 display: block;
	 color: #64748b;
	 font-size: 11px;
	 line-height: 1.8;
}
 .sn-nav-group-v113 {
	 margin: 16px 12px 7px;
	 padding: 0 4px;
	 color: #0f7a95;
	 font-size: 11px;
	 font-weight: 1000;
	 letter-spacing: -.2px;
	 opacity: .9;
}
 .sn-nav-group-v113::before {
	 content: "";
	 display: inline-block;
	 width: 7px;
	 height: 7px;
	 border-radius: 999px;
	 margin-left: 7px;
	 background: #1ecad3;
	 box-shadow: 0 0 0 4px rgba(30, 202, 211, .13);
}
 .sn-nav-item-v113 {
	 position: relative;
	 min-height: 56px;
	 align-items: flex-start !important;
	 gap: 10px !important;
	 padding-top: 10px !important;
	 padding-bottom: 10px !important;
	 border: 1px solid transparent;
}
 .sn-nav-item-v113:hover {
	 background: linear-gradient(135deg, #effbff, #ffffff) !important;
	 border-color: rgba(14, 116, 144, .13) !important;
}
 .sn-nav-item-v113.active, .sn-nav-item-v113[aria-current="page"] {
	 background: linear-gradient(135deg, #dff7ff, #ffffff) !important;
	 border-color: rgba(14, 116, 144, .22) !important;
	 box-shadow: 0 12px 30px rgba(13, 65, 102, .08);
}
 .sn-nav-copy-v113 {
	 display: grid;
	 gap: 3px;
	 min-width: 0;
	 flex: 1;
}
 .sn-nav-copy-v113 b, .sn-nav-item-v113>b {
	 font-size: 13px !important;
	 line-height: 1.45;
}
 .sn-nav-desc-v113 {
	 display: block;
	 color: #6b7d92;
	 font-size: 10.5px;
	 line-height: 1.65;
	 font-weight: 600;
	 white-space: normal;
}
 .sn-nav-badge-v113 {
	 position: absolute;
	 left: 9px;
	 top: 9px;
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 min-width: 38px;
	 max-width: 78px;
	 height: 20px;
	 padding: 0 7px;
	 border-radius: 999px;
	 font-size: 10px;
	 font-weight: 1000;
	 font-style: normal;
	 color: #075985;
	 background: #e0f2fe;
	 border: 1px solid rgba(14, 116, 144, .13);
}
 .sn-nav-tone-important .sn-nav-badge-v113 {
	 color: #9a3412;
	 background: #ffedd5;
	 border-color: rgba(249, 115, 22, .22);
}
 .sn-nav-tone-docs .sn-nav-badge-v113 {
	 color: #166534;
	 background: #dcfce7;
	 border-color: rgba(34, 197, 94, .22);
}
 .sn-nav-tone-payment .sn-nav-badge-v113 {
	 color: #6d28d9;
	 background: #ede9fe;
	 border-color: rgba(124, 58, 237, .2);
}
 .sn-nav-tone-growth .sn-nav-badge-v113 {
	 color: #047857;
	 background: #d1fae5;
}
 .sn-nav-tone-pro .sn-nav-badge-v113 {
	 color: #be123c;
	 background: #ffe4e6;
}
 .sn-nav-tone-enterprise .sn-nav-badge-v113 {
	 color: #312e81;
	 background: #e0e7ff;
}
 .sn-nav-tone-support .sn-nav-badge-v113 {
	 color: #0e7490;
	 background: #cffafe;
}
 .sn-nav-tone-settings .sn-nav-badge-v113 {
	 color: #475569;
	 background: #f1f5f9;
}
 @media(max-width:980px) {
	 .sn-sidebar-guide-v113, .sn-nav-desc-v113, .sn-nav-badge-v113 {
		 display: none !important;
	}
	 .sn-nav-item-v113 {
		 min-height: auto;
	}
}
/* ===== ShopNegar v1.1.4 complete documentation/catalog pack ===== */
 .doc-hero-v114 {
	 display: grid;
	 grid-template-columns: minmax(0, 1fr) 300px;
	 gap: 18px;
	 align-items: stretch;
	 margin: 10px 0 18px;
	 padding: 28px;
	 border-radius: 32px;
	 background: radial-gradient(circle at 14% 16%, rgba(30, 198, 214, .22), transparent 34%), linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(234, 248, 255, .92));
	 border: 1px solid rgba(18, 124, 165, .13);
	 box-shadow: 0 28px 80px rgba(13, 65, 102, .10);
}
 .doc-hero-v114 h1 {
	 margin: 12px 0 10px;
	 font-size: clamp(25px, 3vw, 40px);
	 color: #071b3a;
	 line-height: 1.55;
}
 .doc-hero-v114 p {
	 max-width: 900px;
	 color: #52677f;
	 line-height: 2.15;
	 margin: 0;
}
 .doc-pill-v114 {
	 display: inline-flex;
	 padding: 8px 14px;
	 border-radius: 999px;
	 background: #e5fbff;
	 border: 1px solid rgba(23, 181, 198, .28);
	 color: #007f91;
	 font-weight: 1000;
	 font-size: 12px;
}
 .doc-hero-card-v114 {
	 border-radius: 26px;
	 padding: 22px;
	 color: #fff;
	 background: radial-gradient(circle at 15% 85%, rgba(30, 213, 195, .45), transparent 35%), linear-gradient(135deg, #0d2f6d, #087fc1);
	 box-shadow: 0 24px 60px rgba(13, 47, 109, .2);
	 display: grid;
	 align-content: center;
	 gap: 8px;
}
 .doc-hero-card-v114 b {
	 font-size: 13px;
	 opacity: .86 
}
 .doc-hero-card-v114 strong {
	 font-size: 26px 
}
 .doc-hero-card-v114 span {
	 font-size: 12px;
	 line-height: 1.9;
	 opacity: .92 
}
 .doc-audience-grid-v114 {
	 display: grid;
	 grid-template-columns: repeat(3, minmax(0, 1fr));
	 gap: 12px;
	 margin-bottom: 18px;
}
 .doc-audience-grid-v114 a {
	 text-decoration: none;
	 display: grid;
	 gap: 7px;
	 padding: 17px;
	 border-radius: 22px;
	 background: #fff;
	 border: 1px solid rgba(18, 124, 165, .13);
	 box-shadow: 0 18px 45px rgba(13, 65, 102, .06);
}
 .doc-audience-grid-v114 b {
	 color: #073763;
	 font-weight: 1000 
}
 .doc-audience-grid-v114 span {
	 color: #64748b;
	 line-height: 1.9;
	 font-size: 13px 
}
 .doc-layout-v114 {
	 display: grid;
	 grid-template-columns: 270px minmax(0, 1fr);
	 gap: 18px;
	 align-items: start;
}
 .doc-toc-v114 {
	 position: sticky;
	 top: 18px;
	 display: grid;
	 gap: 8px;
	 padding: 14px;
	 border-radius: 24px;
	 background: rgba(255, 255, 255, .86);
	 border: 1px solid rgba(18, 124, 165, .13);
	 box-shadow: 0 20px 50px rgba(13, 65, 102, .07);
}
 .doc-toc-v114 strong {
	 color: #073763;
	 font-size: 14px;
	 margin: 4px 8px 8px;
}
 .doc-toc-v114 a {
	 text-decoration: none;
	 color: #173b5d;
	 font-weight: 900;
	 font-size: 13px;
	 padding: 10px 12px;
	 border-radius: 16px;
	 background: rgba(239, 250, 255, .72);
	 border: 1px solid transparent;
}
 .doc-toc-v114 a:hover {
	 background: #e0f8ff;
	 border-color: rgba(23, 181, 198, .28);
	 color: #007f91;
}
 .doc-content-v114 {
	 display: grid;
	 gap: 18px 
}
 .doc-section-v114 {
	 padding: 24px;
	 border-radius: 28px;
	 background: rgba(255, 255, 255, .9);
	 border: 1px solid rgba(18, 124, 165, .13);
	 box-shadow: 0 22px 60px rgba(13, 65, 102, .07);
}
 .doc-section-v114 h2 {
	 margin: 0 0 14px;
	 color: #071b3a;
	 font-size: 22px;
	 line-height: 1.7;
}
 .doc-section-v114 h3 {
	 margin: 22px 0 9px;
	 color: #0b315c;
	 font-size: 16px;
}
 .doc-section-v114 p, .doc-section-v114 li {
	 color: #42556d;
	 line-height: 2.15;
	 font-size: 14px;
}
 .doc-cards-v114, .module-grid-v114 {
	 display: grid;
	 grid-template-columns: repeat(4, minmax(0, 1fr));
	 gap: 12px;
	 margin-top: 16px;
}
 .module-grid-v114 {
	 grid-template-columns: repeat(3, minmax(0, 1fr)) 
}
 .doc-cards-v114 div, .module-grid-v114 div {
	 padding: 16px;
	 border-radius: 20px;
	 background: #f6fcff;
	 border: 1px solid rgba(18, 124, 165, .11);
}
 .doc-cards-v114 b, .module-grid-v114 h3 {
	 display: block;
	 margin: 0 0 8px;
	 color: #073763;
	 font-weight: 1000;
}
 .doc-cards-v114 span, .module-grid-v114 p {
	 display: block;
	 margin: 0;
	 color: #586d84;
	 font-size: 13px;
	 line-height: 2;
}
 .doc-table-v114 {
	 width: 100%;
	 border-collapse: separate;
	 border-spacing: 0;
	 overflow: hidden;
	 border-radius: 20px;
	 border: 1px solid rgba(18, 124, 165, .14);
	 background: #fff;
	 margin-top: 14px;
}
 .doc-table-v114 th, .doc-table-v114 td {
	 padding: 13px 14px;
	 text-align: right;
	 border-bottom: 1px solid rgba(18, 124, 165, .1);
	 border-left: 1px solid rgba(18, 124, 165, .08);
	 vertical-align: top;
	 line-height: 2;
	 font-size: 13px;
}
 .doc-table-v114 th {
	 background: #eef9ff;
	 color: #0a315d;
	 font-weight: 1000;
}
 .doc-table-v114 tr:last-child td {
	 border-bottom: 0 
}
 .doc-list-v114, .doc-steps-v114 {
	 padding-right: 22px 
}
 .doc-code-v114 {
	 direction: ltr;
	 text-align: left;
	 white-space: pre-wrap;
	 background: #071b3a;
	 color: #e9fbff;
	 padding: 16px;
	 border-radius: 18px;
	 overflow: auto;
	 line-height: 1.8;
}
 .doc-alert-v114 {
	 padding: 16px;
	 border-radius: 20px;
	 background: #fff7ed;
	 border: 1px solid rgba(249, 115, 22, .22);
	 color: #7c2d12;
	 line-height: 2;
}
 .doc-alert-v114 b {
	 display: block;
	 margin-bottom: 6px 
}
 .doc-badge-v114 {
	 display: inline-flex;
	 margin-right: 6px;
	 padding: 4px 9px;
	 border-radius: 999px;
	 background: #d8fbef;
	 color: #00856c;
	 font-size: 11px;
	 font-weight: 1000;
}
 .sales-script-v114 {
	 display: grid;
	 gap: 12px;
}
 .sales-script-v114 h3 {
	 margin: 0 
}
 .sales-script-v114 p {
	 margin: 0;
	 background: #f7fcff;
	 border: 1px solid rgba(18, 124, 165, .11);
	 border-radius: 18px;
	 padding: 14px;
}
 .catalog-hero-v114 {
	 background: radial-gradient(circle at 20% 25%, rgba(29, 207, 191, .24), transparent 34%), linear-gradient(135deg, rgba(255, 255, 255, .95), rgba(235, 248, 255, .92));
}
 @media(max-width:1120px) {
	 .doc-layout-v114 {
		 grid-template-columns: 1fr 
	}
	 .doc-toc-v114 {
		 position: relative;
		 top: auto;
		 grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	 .doc-cards-v114, .module-grid-v114, .doc-audience-grid-v114 {
		 grid-template-columns: repeat(2, minmax(0, 1fr)) 
	}
}
 @media(max-width:720px) {
	 .doc-hero-v114 {
		 grid-template-columns: 1fr;
		 padding: 18px;
		 border-radius: 24px 
	}
	 .doc-section-v114 {
		 padding: 17px;
		 border-radius: 22px 
	}
	 .doc-toc-v114 {
		 grid-template-columns: 1fr 
	}
	 .doc-cards-v114, .module-grid-v114, .doc-audience-grid-v114 {
		 grid-template-columns: 1fr 
	}
	 .doc-table-v114 {
		 display: block;
		 overflow-x: auto;
		 white-space: nowrap;
	}
}

/* === source: shopnegar_next10_global_v145.css === */
/* ===== ShopNegar Next10 Global/Admin/Public v145 START ===== */
:root{--sn145-blue:#0B68C7;--sn145-teal:#14B8A6;--sn145-ink:#082f49;--sn145-muted:#64748b;--sn145-line:rgba(11,104,199,.13)}.order-card,.order-card.pro{border-radius:24px!important;background:linear-gradient(180deg,#fff,#f8fcff)!important;border:1px solid var(--sn145-line)!important;box-shadow:0 15px 34px rgba(8,47,73,.075)!important}.order-card.pro{border-right:5px solid var(--sn145-blue)!important}.order-top b{color:var(--sn145-ink)!important;font-size:15px}.order-top span{color:var(--sn145-blue)!important;font-weight:950}.order-actions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px!important}.order-actions form,.order-actions button{width:100%}.mini{border-radius:14px!important;min-height:38px;font-weight:950}.market-kpi .kpi,.kpi-grid .kpi,.compact-stat,.metric-row{border-radius:24px!important;background:linear-gradient(180deg,#fff,#f8fcff)!important;border:1px solid var(--sn145-line)!important;box-shadow:0 14px 30px rgba(8,47,73,.06)!important}.market-kpi .kpi b,.kpi-grid .kpi b,.compact-stat b{color:var(--sn145-blue)!important}.public-page{background:radial-gradient(circle at 100% 0%,rgba(11,104,199,.14),transparent 34%),radial-gradient(circle at 0% 0%,rgba(20,184,166,.12),transparent 30%),linear-gradient(135deg,#ecfeff,#f8fafc)!important}.public-card{border-radius:30px!important;border:1px solid rgba(11,104,199,.12);box-shadow:0 26px 80px rgba(8,47,73,.14)!important}.public-card h1,.public-card h2{color:var(--sn145-ink)!important;letter-spacing:-.03em}.track-result{border-radius:26px!important;background:linear-gradient(180deg,#fff,#f0fdfa)!important;border:1px solid rgba(20,184,166,.18)!important;box-shadow:0 16px 42px rgba(8,47,73,.08)!important}.track-result:before{content:'📍 وضعیت سفارش';display:block;margin-bottom:10px;color:#0f766e;font-weight:950}.page-head{border-radius:28px;padding:16px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(236,254,255,.74));border:1px solid rgba(11,104,199,.10);box-shadow:0 16px 42px rgba(8,47,73,.055)}.toolbar{padding:10px;border-radius:22px;background:#fff;border:1px solid rgba(11,104,199,.10);box-shadow:0 10px 24px rgba(8,47,73,.045)}.toolbar input,.toolbar select{border-radius:15px!important;border:1px solid rgba(11,104,199,.16)!important}@media(max-width:760px){.order-actions{grid-template-columns:1fr!important}.page-head{padding:13px}}
/* ===== ShopNegar Next10 Global/Admin/Public v145 END ===== */

/* === source: seller_panel_product_ops_v158.css === */
/* ===== ShopNegar Admin Product Panel Rebuild v158 ===== */
:root{--sn-accent:#12b8c4;--sn-accent2:#1268d6;--sn-bg:#eefbfb;--sn-card:#fff;--sn-line:#d8edf4;--sn-text:#10263f;--sn-muted:#63758b;--sn-radius:22px}
body{background:linear-gradient(110deg,#e3fbfa 0,#f8fbff 55%,#e9f0fb 100%)!important;color:var(--sn-text)}
.content-wrap{max-width:1280px;margin-inline:auto;width:100%;padding:28px 26px 56px}
.page-hero,.page-head,.sn-hero{border:1px solid var(--sn-line);border-radius:28px;background:linear-gradient(135deg,#fff,#f2fdff);box-shadow:0 20px 60px rgba(1,44,65,.06);padding:30px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.page-hero .page-title,.page-head h1,.sn-hero h1{font-size:30px;margin:.25rem 0;font-weight:900;letter-spacing:-.03em}
.page-kicker,.sn-kicker{display:inline-flex;align-items:center;gap:6px;border:1px solid #bfe8f5;border-radius:999px;background:#ecfbff;color:#00739b;padding:6px 12px;font-weight:900;font-size:12px}
.muted,.card-subtitle{color:var(--sn-muted);line-height:1.9}
.card,.sn-card{background:#fff;border:1px solid var(--sn-line);border-radius:24px;box-shadow:0 16px 50px rgba(12,60,80,.05);padding:22px;margin-bottom:20px}
.card-header,.sn-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.card-title,.sn-card h2{font-size:18px;font-weight:900;margin:0 0 6px}
.grid,.sn-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.grid-2,.sn-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.grid-3,.sn-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.stat .num,.sn-num{font-size:26px;font-weight:950;color:#075985}
.btn,button,.secondary,.danger,.gold,.sn-btn{border:0;border-radius:14px;padding:11px 16px;font-weight:900;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px}
.btn,button,.gold,.sn-btn.primary{background:linear-gradient(135deg,var(--sn-accent),var(--sn-accent2));color:#fff}
.secondary,.sn-btn.secondary{background:#f7fbff;border:1px solid #cfe5ef;color:#0f3555}
.danger,.sn-btn.danger{background:#fff1f2;border:1px solid #fecdd3;color:#be123c}
button.small,.btn.small,.sn-btn.small{min-height:34px;padding:7px 10px;border-radius:11px;font-size:12px}
input,select,textarea{border:1px solid #cfe4f2;border-radius:14px;background:#fff;padding:12px 14px;min-height:44px;color:#10263f;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.7);width:100%;box-sizing:border-box}
textarea{min-height:92px}
input[readonly],textarea[readonly]{background:#f8fbff;color:#496379}
label{font-weight:900;color:#19324d;margin-bottom:7px;display:block}
.form-grid,.sn-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:end}
.form-grid .full,.sn-form-grid .full{grid-column:1/-1}
.table-wrap{overflow-x:auto;border:1px solid var(--sn-line);border-radius:20px;background:#fff}
table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px}
th{background:#f0f9fd;color:#16405f;font-size:13px;text-align:right;padding:14px;border-bottom:1px solid var(--sn-line)}
td{padding:14px;border-bottom:1px solid #edf4f7;vertical-align:middle}
tr[data-drawer-template]:hover{background:#f7fcff;cursor:pointer}
.badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:900;border:1px solid #d4e8f0;background:#f6fbff;color:#16405f}
.badge.ok{background:#dcfce7;border-color:#bbf7d0;color:#166534}.badge.warn{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.badge.info{background:#e0f2fe;border-color:#bae6fd;color:#075985}
.sn-toast-container{position:fixed;top:18px;left:18px;z-index:100000;display:grid;gap:10px;max-width:min(420px,calc(100vw - 36px))}
.sn-toast{background:#fff;border:1px solid #cfe6ef;border-right:5px solid var(--sn-accent);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.14);padding:12px 14px;animation:snToastIn .22s ease-out;line-height:1.8}
.sn-toast b{display:block;margin-bottom:2px}.sn-toast small{color:var(--sn-muted)}
@keyframes snToastIn{from{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}
.sn-drawer-backdrop{position:fixed;inset:0;background:rgba(6,30,50,.28);z-index:99990}.sn-drawer{position:fixed;top:0;bottom:0;left:0;width:min(560px,96vw);background:#fff;z-index:99999;box-shadow:20px 0 80px rgba(0,0,0,.22);padding:24px;overflow:auto}.sn-drawer-close{position:sticky;top:0;float:left;width:40px;height:40px;border-radius:50%;padding:0}
.sn-actions{display:flex;flex-wrap:wrap;gap:8px}.sn-compact-actions{display:flex;gap:7px;flex-wrap:wrap}.sn-compact-actions form{display:inline-flex;margin:0}
.sn-row-title{font-weight:950}.sn-sub{color:var(--sn-muted);font-size:12px;line-height:1.8}
.sn-detail-template{display:none}.sn-list{display:grid;gap:10px}.sn-list-item{border:1px solid var(--sn-line);border-radius:16px;padding:12px;background:#fbfdff}.sn-tree-row{display:grid;grid-template-columns:1fr 120px 120px 260px;gap:12px;align-items:center;padding:12px;border-bottom:1px solid #edf4f7}.sn-tree-row.sub{margin-right:30px;background:#fbfeff;border-radius:12px;border:1px solid #edf4f7;margin-top:8px}
.sn-order-mobile{display:none}.sn-kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sn-kpi{border:1px solid var(--sn-line);border-radius:18px;padding:16px;background:#fff}.sn-kpi b{font-size:24px;color:#075985}
.sn-floating-plan{position:fixed!important;left:16px!important;bottom:16px!important;right:auto!important;z-index:9000!important;display:flex!important;gap:8px!important;align-items:center!important}
.sn-copy-wrap{display:flex;gap:8px;align-items:center}.sn-copy-wrap input{direction:ltr;text-align:left}
.notice-board{display:none!important}.desktop-only{display:block}.mobile-only{display:none!important}
body .sd153-shell,body .scc154-hero,body [class*="sd153-"],body [class*="scc154-"]{display:none!important}
@media(max-width:900px){
  .content-wrap{padding:16px 12px 90px}.page-hero,.page-head,.sn-hero{padding:20px;border-radius:22px;display:block}.page-actions{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}
  .grid,.grid-2,.grid-3,.sn-metrics,.sn-grid-2,.sn-grid-3,.sn-kpi-row,.form-grid,.sn-form-grid{grid-template-columns:1fr}
  .table-wrap.sn-mobile-collapse table{min-width:0}.table-wrap.sn-mobile-collapse thead{display:none}.table-wrap.sn-mobile-collapse tr{display:grid;border:1px solid var(--sn-line);border-radius:18px;margin:10px;padding:10px}.table-wrap.sn-mobile-collapse td{display:flex;justify-content:space-between;gap:10px;border:0;padding:8px}.table-wrap.sn-mobile-collapse td::before{content:attr(data-label);font-weight:900;color:#476176}
  .desktop-only{display:none!important}.mobile-only,.sn-order-mobile{display:grid!important}.sn-order-mobile{gap:12px}.sn-order-card{border:1px solid var(--sn-line);border-radius:20px;padding:14px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.04)}.sn-drawer{width:100vw}
  .sn-toast-container{top:auto;bottom:78px;left:12px;right:12px;max-width:none}.sn-tree-row{grid-template-columns:1fr;gap:8px}.sn-tree-row.sub{margin-right:0}
}

.sn-login-page{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;padding:42px 0}
.login-copy,.login-card{background:#fff;border:1px solid #d8edf4;border-radius:28px;padding:34px;box-shadow:0 20px 60px rgba(1,44,65,.08)}
.login-copy h1{font-size:34px;line-height:1.55;margin:16px 0}.login-copy p,.login-copy li{line-height:2;color:#496379}.login-tabs{display:flex;gap:10px;margin-bottom:18px}.login-card button,.login-card .btn{width:100%;margin-top:10px}
@media(max-width:900px){.sn-login-page{grid-template-columns:1fr;padding:18px 0}.login-copy h1{font-size:24px}.login-tabs{display:grid;grid-template-columns:1fr 1fr}}

/* === source: seller_panel_activation_v160.css === */
/* ===== ShopNegar Admin Activation v160 START ===== */
:root{--sn160-accent:var(--brand-color,var(--store-brand-color,#16a34a));--sn160-accent-2:color-mix(in srgb,var(--sn160-accent) 86%,#0f172a 14%);--sn160-soft:color-mix(in srgb,var(--sn160-accent) 11%,#fff 89%);--sn160-border:rgba(15,23,42,.10);--sn160-text:#0f172a;--sn160-muted:#64748b;--sn160-bg:#f6f8fb;--sn160-card:#fff;--sn160-shadow:0 18px 45px rgba(15,23,42,.08)}
html[dir="rtl"] body{background:var(--sn160-bg);color:var(--sn160-text)}body{overflow-x:hidden}*{box-sizing:border-box}.app-shell{min-height:100vh;background:linear-gradient(180deg,#f8fafc 0%,#eef3f8 100%)}.content-wrap{max-width:1280px;margin-inline:auto;padding:24px!important}
.card,.page-hero,.page-head,.market-hero,.copy-box,.modal-card,.scc154-hero,.scc154-panel{border:1px solid var(--sn160-border)!important;border-radius:22px!important;background:var(--sn160-card)!important;box-shadow:var(--sn160-shadow)!important}.page-hero,.page-head,.market-hero{padding:22px!important;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;overflow:hidden;position:relative}.page-hero:before,.market-hero:before,.page-head:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--sn160-accent),color-mix(in srgb,var(--sn160-accent) 35%,#60a5fa 65%))}.page-title,.page-head h1,.market-hero h1{margin:6px 0!important;line-height:1.35!important;font-size:clamp(22px,3vw,34px)!important;letter-spacing:-.02em}.page-kicker,.scc154-kicker{display:inline-flex;align-items:center;gap:6px;background:var(--sn160-soft)!important;color:var(--sn160-accent-2)!important;border:1px solid color-mix(in srgb,var(--sn160-accent) 25%,transparent)!important;border-radius:999px;padding:6px 12px;font-weight:800;font-size:12px}.muted,.card-subtitle,.hint,small{color:var(--sn160-muted)!important;line-height:1.8}.card{padding:18px!important;margin-bottom:18px!important;overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.card-title{font-weight:900;font-size:18px;color:var(--sn160-text)}
.grid,.market-stats,.quick-grid,.grid-2{gap:14px!important}.stat .num,.num{font-weight:950;letter-spacing:-.02em;color:var(--sn160-text)}.metric-icon,.quick-card .icon{background:var(--sn160-soft)!important;color:var(--sn160-accent-2)!important;border-radius:18px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sn160-accent) 18%,transparent)}
button,.btn,.secondary,.gold,a.btn,input[type="submit"],.scc154-primary,.scc154-secondary{min-height:42px!important;border-radius:14px!important;padding:10px 14px!important;font-weight:850!important;line-height:1.2!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;white-space:nowrap!important;border:1px solid transparent!important;cursor:pointer!important;max-width:100%}button:not(.secondary):not(.danger),.btn:not(.secondary),.gold,.scc154-primary,input[type="submit"]{background:linear-gradient(135deg,var(--sn160-accent),var(--sn160-accent-2))!important;color:#fff!important;box-shadow:0 10px 22px color-mix(in srgb,var(--sn160-accent) 28%,transparent)!important}.secondary,.btn.secondary,.scc154-secondary{background:#fff!important;color:var(--sn160-text)!important;border-color:var(--sn160-border)!important;box-shadow:0 8px 18px rgba(15,23,42,.05)!important}.danger{background:#fee2e2!important;color:#991b1b!important;border-color:#fecaca!important}.page-actions,.actions,.sticky-actions,.import-actions,.order-card-actions,.scc154-hero-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}.actions form,.page-actions form,.sticky-actions form{display:inline-flex!important;margin:0!important}.actions button,.actions .btn{min-height:36px!important;padding:8px 10px!important;font-size:13px!important}
.sidebar{background:#0f172a!important;color:#e5e7eb!important;border-inline-start:0!important}.brand-card{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:20px!important}.brand-logo-wrap{background:linear-gradient(135deg,var(--sn160-accent),var(--sn160-accent-2))!important;color:#fff!important}.nav-section-title{color:#94a3b8!important;font-weight:900!important;margin-top:18px!important}.nav-item{border-radius:14px!important;transition:.18s ease!important;color:#dbeafe!important;min-height:44px!important}.nav-item:hover{background:rgba(255,255,255,.07)!important;transform:translateX(-2px)}.nav-item.active{background:linear-gradient(135deg,var(--sn160-accent),var(--sn160-accent-2))!important;color:#fff!important;box-shadow:0 12px 26px color-mix(in srgb,var(--sn160-accent) 28%,transparent)!important}.nav-list a[href="/shop/market/reports"],.nav-list a[href="/shop/market/abandoned-carts"],.nav-list a[href="/shop/audit"]{display:none!important}
.table-wrap{width:100%;overflow:auto;border-radius:18px;border:1px solid var(--sn160-border);background:#fff}table{width:100%;border-collapse:separate!important;border-spacing:0!important;min-width:760px}th{background:#f8fafc!important;color:#334155!important;font-weight:900!important;white-space:nowrap}th,td{padding:13px 12px!important;border-bottom:1px solid #eef2f7!important;vertical-align:middle!important}tr[data-row],tbody tr{transition:.16s ease}tr[data-row]:hover,tbody tr:hover{background:var(--sn160-soft)!important}.badge{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;border-radius:999px!important;padding:5px 10px!important;font-weight:850!important;min-height:28px!important;white-space:nowrap}.badge.ok{background:#dcfce7!important;color:#166534!important}.badge.warn{background:#fef3c7!important;color:#92400e!important}.badge.info{background:#dbeafe!important;color:#1d4ed8!important}
.form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-items:start}.form-grid .full,.full{grid-column:1/-1!important}label{font-weight:850;color:#334155;display:block;margin-bottom:7px}input,select,textarea{width:100%;border:1px solid var(--sn160-border)!important;border-radius:14px!important;min-height:44px;padding:10px 12px!important;background:#fff!important;outline:0!important;transition:.16s ease!important}textarea{min-height:96px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--sn160-accent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--sn160-accent) 15%,transparent)!important}.notice-board{display:none!important}.sn160-toast-stack{position:fixed;z-index:99999;left:18px;bottom:18px;display:grid;gap:10px;max-width:min(420px,calc(100vw - 36px));pointer-events:none}.sn160-toast{pointer-events:auto;background:#0f172a;color:#fff;border-radius:18px;padding:12px 14px;box-shadow:0 18px 45px rgba(2,6,23,.30);display:flex;gap:10px;align-items:flex-start;border:1px solid rgba(255,255,255,.10);animation:sn160In .24s ease both}.sn160-toast b{display:block;color:#fff;font-size:14px;line-height:1.7}.sn160-toast small{display:block;color:#cbd5e1!important;margin-top:2px}.sn160-toast .x{margin-inline-start:auto;background:transparent!important;box-shadow:none!important;color:#fff!important;min-height:auto!important;padding:0!important}@keyframes sn160In{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.login160-body{min-height:100vh;background:radial-gradient(circle at 15% 10%, color-mix(in srgb,var(--sn160-accent) 22%,transparent), transparent 30%),linear-gradient(135deg,#f8fafc,#eaf1f8);display:grid;place-items:center;padding:28px;color:var(--sn160-text)}.login160-shell{width:min(1120px,100%);display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:stretch}.login160-info,.login160-card{background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border:1px solid rgba(15,23,42,.10);border-radius:30px;box-shadow:0 24px 70px rgba(15,23,42,.12);padding:28px;overflow:hidden}.login160-logo{display:inline-flex;align-items:center;gap:10px;font-weight:950;font-size:22px;margin-bottom:22px}.login160-mark{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--sn160-accent),var(--sn160-accent-2));display:grid;place-items:center;color:#fff;box-shadow:0 12px 25px color-mix(in srgb,var(--sn160-accent) 30%,transparent)}.login160-info h1{font-size:clamp(28px,4vw,46px);line-height:1.35;margin:0 0 12px;letter-spacing:-.04em}.login160-info p{color:#475569;line-height:2;font-size:16px}.login160-list{display:grid;gap:10px;margin-top:18px}.login160-list span{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:16px;padding:12px;color:#334155;font-weight:750}.login160-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.login160-tabs a,.login160-tabs button{width:100%}.login160-title{font-size:24px;font-weight:950;margin-bottom:6px}.login160-card form{display:grid;gap:12px}.login160-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:16px;padding:10px 12px;font-weight:800}.login160-note{margin-top:14px;color:#64748b;line-height:1.9;font-size:13px}
@media (max-width:900px){.content-wrap{padding:14px!important}.login160-shell{grid-template-columns:1fr}.login160-info{order:2}.login160-card{order:1}.form-grid{grid-template-columns:1fr!important}.page-hero,.page-head,.market-hero{align-items:flex-start}.page-actions,.actions,.sticky-actions,.import-actions,.order-card-actions{width:100%}.page-actions .btn,.page-actions button,.sticky-actions button,.actions button,.actions .btn{flex:1 1 150px}.mobile-topbar{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--sn160-border);box-shadow:0 10px 24px rgba(15,23,42,.06)}}
@media (max-width:680px){table{min-width:0}.table-wrap{border:0;background:transparent;overflow:visible}table,thead,tbody,tr,td{display:block!important;width:100%!important}thead{display:none!important}tbody{display:grid;gap:12px}tr[data-row],tbody tr{background:#fff!important;border:1px solid var(--sn160-border)!important;border-radius:18px!important;padding:10px!important;box-shadow:0 10px 24px rgba(15,23,42,.06)!important}td{display:flex!important;justify-content:space-between;gap:12px;border:0!important;padding:8px 4px!important;text-align:start!important}td:before{content:attr(data-label);font-weight:900;color:#64748b;min-width:96px}.actions{justify-content:stretch!important}.actions>*{flex:1 1 auto}.sn160-toast-stack{left:10px;right:10px;bottom:10px;max-width:none}.login160-body{padding:12px}.login160-info,.login160-card{border-radius:24px;padding:20px}.login160-tabs{grid-template-columns:1fr 1fr}}
/* ===== ShopNegar Admin Activation v160 END ===== */

/* === source: seller_panel_final_hotfix_v162.css === */
/* ===== ShopNegar Admin UI Final Hotfix v162 START ===== */
:root{--sn162-accent:var(--brand-color,var(--store-brand-color,#19C9C2));--sn162-soft:color-mix(in srgb,var(--sn162-accent) 9%,#fff 91%);--sn162-border:rgba(15,23,42,.10);--sn162-text:#0f172a;--sn162-muted:#64748b;--sn162-card:#fff;--sn162-shadow:0 18px 45px rgba(15,23,42,.08)}
/* Logo containers: show transparent PNG/SVG cleanly with only a mild surface, never a hard colored block */
.brand-logo-wrap,.login160-logo .login160-mark,.logo-preview,.js-image-preview,.store-logo,.shop-logo,.brand-logo,.logo-card,.public-brand-logo,.sn-logo-box{background:linear-gradient(135deg,color-mix(in srgb,var(--sn162-accent) 10%,#fff 90%),#fff)!important;border:1px solid color-mix(in srgb,var(--sn162-accent) 18%,transparent)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.70),0 10px 22px rgba(15,23,42,.05)!important;color:#0f766e!important;overflow:hidden!important}.brand-logo-wrap img,.logo-preview,.js-image-preview,.store-logo img,.shop-logo img,.brand-logo img,.logo-card img,.public-brand-logo img,.sn-logo-box img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;background:transparent!important;padding:6px!important;border:0!important;box-shadow:none!important}.brand-logo-wrap{width:50px!important;height:50px!important;min-width:50px!important;padding:5px!important;border-radius:18px!important}.brand-logo-wrap span{display:none!important}.logo-upload-row{display:flex!important;align-items:center!important;gap:14px!important;flex-wrap:wrap!important}.logo-preview,.js-image-preview{width:84px!important;height:84px!important;border-radius:22px!important;padding:8px!important;object-fit:contain!important}
/* Color picker restoration */
.sn162-color-wrap,.color-picker-row-v105{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}.sn162-color-wrap input[type="color"],input[type="color"][name="brand_color"],input[type="color"][name="theme_color"],input[type="color"][name="color"]{width:58px!important;min-width:58px!important;height:44px!important;min-height:44px!important;padding:4px!important;border-radius:14px!important;background:#fff!important;cursor:pointer!important}.sn162-color-code,.color-code-v105{direction:ltr!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:7px 10px!important;border-radius:999px!important;background:var(--sn162-soft)!important;border:1px solid color-mix(in srgb,var(--sn162-accent) 18%,transparent)!important;color:#0f766e!important;font-weight:900!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important}
/* My stores workdesk: readable responsive cards */
.sn162-my-stores-page{display:grid;gap:18px}.sn162-my-stores-grid,.store-grid-v106{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:16px!important;align-items:stretch!important}.sn162-store-card,.store-card-v106{position:relative!important;display:flex!important;flex-direction:column!important;gap:13px!important;padding:18px!important;border-radius:26px!important;background:rgba(255,255,255,.94)!important;border:1px solid var(--sn162-border)!important;box-shadow:var(--sn162-shadow)!important;overflow:hidden!important;min-height:190px!important}.sn162-store-card.active,.store-card-v106.active{border-color:color-mix(in srgb,var(--sn162-accent) 40%,transparent)!important;box-shadow:0 22px 55px color-mix(in srgb,var(--sn162-accent) 16%,transparent)!important}.sn162-store-card.active:before,.store-card-v106.active:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--sn162-accent),#2563eb)}.sn162-store-card header,.store-card-v106>header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin:0!important}.sn162-store-card h3,.store-card-v106 h3{margin:0!important;font-size:18px!important;line-height:1.6!important;color:var(--sn162-text)!important}.sn162-store-card small,.store-card-v106 small{display:block!important;margin-top:3px!important;color:var(--sn162-muted)!important;direction:ltr!important;text-align:left!important;font-size:12px!important}.sn162-store-plan,.store-card-v106 header>span{display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;border-radius:999px!important;padding:6px 10px!important;background:var(--sn162-soft)!important;color:#0f766e!important;font-weight:900!important;border:1px solid color-mix(in srgb,var(--sn162-accent) 18%,transparent)!important;font-size:12px!important}.sn162-store-status{display:grid!important;gap:8px!important;margin-top:auto!important}.sn162-store-status-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;border:1px solid rgba(15,23,42,.07)!important;background:#f8fafc!important;border-radius:16px!important;padding:9px 11px!important;color:#334155!important}.sn162-store-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.sn162-store-actions .btn,.sn162-store-actions button,.store-card-v106 form button{width:100%!important;min-height:44px!important}.sn162-create-store{margin-top:2px!important}
/* Mobile sidebar close: force working visibility and layering */
.sidebar-close{appearance:none!important;border-radius:16px!important;width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:rgba(255,255,255,.10)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:none!important;z-index:1002!important}.sidebar-backdrop{position:fixed!important;inset:0!important;background:rgba(2,8,23,.48)!important;opacity:0!important;pointer-events:none!important;z-index:998!important;transition:opacity .18s ease!important;backdrop-filter:blur(3px)!important}.sidebar-open .sidebar-backdrop,.sidebar-backdrop.open{opacity:1!important;pointer-events:auto!important}.sidebar{z-index:999!important}.sidebar.open,.sidebar[data-open="true"],.sidebar-open .sidebar{transform:translateX(0)!important}body.sidebar-open{overflow:hidden!important}
/* Links that must not be edited manually */
input[readonly].ltr,input[readonly][value^="http"]{background:#f8fafc!important;cursor:copy!important;color:#334155!important}
@media(max-width:860px){.sn162-my-stores-grid,.store-grid-v106{grid-template-columns:1fr!important}.sn162-store-card,.store-card-v106{border-radius:22px!important;padding:15px!important;min-height:auto!important}.sn162-store-card header,.store-card-v106>header{display:grid!important;grid-template-columns:1fr!important}.sidebar-close{display:inline-flex!important}.content-wrap{overflow-x:hidden!important}.logo-upload-row{display:grid!important}.logo-preview,.js-image-preview{width:76px!important;height:76px!important}.sn162-color-wrap{width:100%}.sn162-color-wrap input[type="color"]{flex:0 0 58px}.sn162-color-code{flex:1 1 auto}}
/* ===== ShopNegar Admin UI Final Hotfix v162 END ===== */

/* === source: public_auth_v104.css === */



/* ===== ShopNegar Public/Auth UX v1.0.4 - Negar Group identity ===== */
:root{
  --ng-navy:#08256f;
  --ng-blue:#0b68c7;
  --ng-cyan:#19c9c2;
  --ng-cyan-2:#08aeb6;
  --ng-ink:#0b1730;
  --ng-muted:#66788f;
  --ng-line:rgba(8,37,111,.12);
  --ng-soft:#f3fbfc;
  --ng-white:rgba(255,255,255,.92);
  --ng-shadow:0 24px 70px rgba(8,37,111,.10);
}

.public-body-v104,
.auth-body-v104{
  margin:0;
  min-height:100vh;
  font-family:Vazirmatn,Tahoma,sans-serif;
  color:var(--ng-ink);
  background:
    radial-gradient(circle at 15% 7%, rgba(25,201,194,.20), transparent 28%),
    radial-gradient(circle at 88% 12%, rgba(8,37,111,.11), transparent 34%),
    linear-gradient(180deg,#ffffff 0%,#f4fbfb 55%,#eef8f7 100%);
}

.public-shell-v104,
.auth-shell-v104{
  width:min(1160px, calc(100% - 32px));
  margin-inline:auto;
}

.public-header-v104{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 0;
}

.ng-brand-v104,
.ng-brand-v104:visited{
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--ng-ink);
  text-decoration:none;
}

.ng-brand-mark-v104{
  width:48px;
  height:48px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--ng-cyan),var(--ng-blue));
  box-shadow:0 16px 35px rgba(10,104,199,.18);
  color:white;
  font-weight:950;
  letter-spacing:-.05em;
}

.ng-brand-text-v104 strong{display:block;font-size:16px;font-weight:950;line-height:1.5;color:#0b1730}
.ng-brand-text-v104 span{display:block;font-size:11.5px;color:var(--ng-muted);font-weight:800}

.public-nav-v104{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.public-nav-v104 a{
  min-height:40px;
  padding:9px 13px;
  display:inline-flex;
  align-items:center;
  border-radius:14px;
  color:#173454;
  border:1px solid transparent;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
}
.public-nav-v104 a:hover{background:white;border-color:var(--ng-line)}
.public-nav-v104 a.primary{background:linear-gradient(135deg,var(--ng-cyan),var(--ng-blue));color:white;box-shadow:0 14px 32px rgba(10,104,199,.18)}

.public-main-v104{padding:10px 0 34px;min-height:calc(100vh - 240px)}

.auth-layout-v104{
  min-height:calc(100vh - 210px);
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(380px,.96fr);
  align-items:center;
  gap:26px;
  padding:26px 0 42px;
}

.auth-hero-v104{
  position:relative;
  overflow:hidden;
  border-radius:34px;
  padding:32px;
  background:
    radial-gradient(circle at 22% 18%, rgba(25,201,194,.22), transparent 32%),
    linear-gradient(135deg,#081d56 0%,#08337e 56%,#0d77c8 100%);
  color:white;
  box-shadow:var(--ng-shadow);
  min-height:460px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.auth-hero-v104:after{
  content:"";
  position:absolute;
  inset:auto -95px -120px auto;
  width:320px;
  height:320px;
  border-radius:999px;
  background:rgba(25,201,194,.22);
}
.auth-kicker-v104{
  display:inline-flex;
  width:max-content;
  align-items:center;
  gap:8px;
  border:1px solid rgba(255,255,255,.20);
  background:rgba(255,255,255,.10);
  border-radius:999px;
  padding:8px 13px;
  color:#dffbff;
  font-size:12px;
  font-weight:900;
}
.auth-hero-v104 h1{font-size:36px;line-height:1.55;margin:24px 0 10px;color:white;letter-spacing:-.04em}
.auth-hero-v104 p{font-size:15px;line-height:2.15;color:#dcecff;margin:0;max-width:620px}
.auth-proof-grid-v104{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:26px;position:relative;z-index:1}
.auth-proof-v104{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.10);border-radius:18px;padding:13px;line-height:1.75;font-size:12.5px;font-weight:850;color:#efffff}

.auth-card-v104,
.form-card-v104,
.plans-card-v104{
  background:var(--ng-white);
  border:1px solid var(--ng-line);
  border-radius:30px;
  box-shadow:var(--ng-shadow);
  backdrop-filter:blur(18px);
}
.auth-card-v104{padding:28px}
.auth-card-v104 h2,
.form-card-v104 h1,
.plans-head-v104 h1{font-size:26px;margin:8px 0 8px;color:#0b1730;letter-spacing:-.035em}
.auth-card-v104 p,.form-card-v104 p,.plans-head-v104 p{line-height:1.95;color:var(--ng-muted);font-size:13.5px;margin:0}
.auth-card-v104 form{display:grid;gap:13px;margin-top:20px}
.auth-field-v104{display:grid;gap:7px;font-size:13px;color:#243b58;font-weight:900}
.auth-field-v104 input,
.auth-field-v104 select,
.auth-field-v104 textarea,
.form-card-v104 input,
.form-card-v104 select,
.form-card-v104 textarea{
  box-sizing:border-box;
  width:100%;
  min-height:48px;
  border-radius:16px !important;
  border:1px solid rgba(8,37,111,.14) !important;
  background:#fff;
  padding:12px 14px;
  font:inherit;
  color:#0b1730;
  box-shadow:0 8px 22px rgba(8,37,111,.035);
}
.auth-field-v104 input:focus,
.form-card-v104 input:focus{
  outline:0;
  border-color:var(--ng-cyan) !important;
  box-shadow:0 0 0 4px rgba(25,201,194,.14), 0 10px 28px rgba(8,37,111,.06) !important;
}
.auth-actions-v104{display:grid;gap:10px;margin-top:6px}
.ng-btn-v104,
.ng-btn-v104:visited,
.auth-card-v104 button,
.form-card-v104 button,
.plans-matrix-v104 .plan-cta-v104{
  min-height:48px;
  border:0;
  border-radius:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:12px 16px;
  font:inherit;
  font-weight:950;
  cursor:pointer;
  text-decoration:none;
  background:linear-gradient(135deg,var(--ng-cyan),var(--ng-blue));
  color:white;
  box-shadow:0 16px 36px rgba(10,104,199,.18);
}
.ng-btn-v104.secondary,
.ng-btn-v104.secondary:visited{background:#fff;color:#0b3a70;border:1px solid rgba(8,37,111,.14);box-shadow:0 10px 26px rgba(8,37,111,.05)}
.auth-help-v104{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--ng-muted);margin-top:14px;line-height:1.8}
.auth-help-v104 a{color:#0b68c7;font-weight:900;text-decoration:none}

.ng-alert-v104,
.alert.danger{
  border-radius:18px;
  padding:12px 14px;
  line-height:1.85;
  font-size:13px;
  font-weight:850;
  background:#fff1f2 !important;
  color:#be123c !important;
  border:1px solid #fecdd3 !important;
}

.form-shell-v104{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:20px;align-items:start;padding:26px 0 44px}
.form-side-v104{position:sticky;top:18px;background:linear-gradient(135deg,#071f59,#0b68c7);border-radius:30px;padding:28px;color:white;box-shadow:var(--ng-shadow);overflow:hidden}
.form-side-v104:after{content:"";position:absolute;left:-75px;bottom:-75px;width:210px;height:210px;border-radius:999px;background:rgba(25,201,194,.24)}
.form-side-v104 h1{color:white;font-size:30px;line-height:1.6;margin:12px 0 8px}
.form-side-v104 p{color:#e3f5ff;line-height:2;margin:0;font-size:14px}
.form-side-v104 ul{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:11px;position:relative;z-index:1}
.form-side-v104 li{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:11px 12px;font-size:13px;color:#f4ffff}
.form-card-v104{padding:26px}
.grid-form-v104{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.grid-form-v104 label{display:grid;gap:7px;font-size:13px;font-weight:900;color:#26394a;margin:0}
.grid-form-v104 .full{grid-column:1/-1}
.billing-box-v104{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:2px 0 6px}
.billing-box-v104 label{background:#f8fcff;border:1px solid rgba(8,37,111,.12);border-radius:18px;padding:13px;display:flex;align-items:center;gap:9px;line-height:1.7}
.billing-box-v104 input{width:18px;min-height:18px;box-shadow:none;accent-color:var(--ng-cyan)}

.plans-head-v104{text-align:center;max-width:840px;margin:10px auto 24px;padding:18px}
.plans-head-v104 .badge,.auth-kicker-light-v104{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:#e9fbfb;color:#086977;border:1px solid rgba(25,201,194,.18);padding:7px 13px;font-size:12px;font-weight:950}
.plans-head-v104 h1{font-size:34px;line-height:1.5}
.plans-matrix-wrap-v104{overflow-x:auto;overflow-y:visible;padding:2px 2px 18px;margin-bottom:18px}
.plans-matrix-v104{width:100%;min-width:880px;border-collapse:separate;border-spacing:0;background:white;border:1px solid rgba(8,37,111,.12);border-radius:28px;overflow:hidden;box-shadow:var(--ng-shadow)}
.plans-matrix-v104 th,.plans-matrix-v104 td{border-bottom:1px solid #eef4f8;border-left:1px solid #eef4f8;text-align:center;padding:15px 14px;vertical-align:middle;font-size:13px;line-height:1.75}
.plans-matrix-v104 tr:last-child th,.plans-matrix-v104 tr:last-child td{border-bottom:0}
.plans-matrix-v104 th:first-child,.plans-matrix-v104 td:first-child{position:sticky;right:0;z-index:2;background:#fbffff;text-align:right;font-weight:950;color:#19314d;min-width:210px}
.plans-matrix-v104 thead th{background:linear-gradient(180deg,#fbffff,#f2fbfb);font-size:14px;color:#0b1730}
.plans-matrix-v104 thead th:first-child{z-index:3;background:#f6fbff}
.plans-matrix-v104 .featured-col{background:#effdfb}
.plans-matrix-v104 .plan-title-v104{display:flex;align-items:center;justify-content:center;gap:8px;font-size:17px;font-weight:950;color:#08256f}
.plans-matrix-v104 .plan-subtitle-v104{font-size:12px;color:var(--ng-muted);font-weight:700;margin-top:4px}
.plans-matrix-v104 .plan-price-v104{margin-top:10px;font-size:13px;color:#0b68c7;font-weight:950}
.plans-matrix-v104 .popular-v104{font-size:11px;border-radius:999px;background:linear-gradient(135deg,var(--ng-cyan),var(--ng-blue));color:white;padding:4px 8px}
.plan-check-v104{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#dcfce7;color:#047857;font-weight:950;font-size:18px}
.plan-no-v104{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#f8fafc;color:#94a3b8;font-weight:950}
.plan-value-v104{font-weight:950;color:#0f315b}
.plans-note-v104{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.plans-note-v104 div{background:rgba(255,255,255,.85);border:1px solid rgba(8,37,111,.10);border-radius:20px;padding:15px;line-height:1.85;font-size:13px;color:#486078;box-shadow:0 14px 36px rgba(8,37,111,.05)}

.public-footer-v104{
  border-top:1px solid rgba(8,37,111,.10);
  padding:24px 0 28px;
  background:rgba(255,255,255,.54);
  backdrop-filter:blur(12px);
}
.footer-grid-v104{display:grid;grid-template-columns:1.2fr 1fr auto;gap:22px;align-items:start}
.footer-grid-v104 h3{font-size:16px;margin:0 0 9px;color:#0b1730}
.footer-grid-v104 p,.footer-grid-v104 li{font-size:12.5px;line-height:2;color:#5d7085;margin:0}
.footer-links-v104{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.footer-links-v104 a{border:1px solid rgba(8,37,111,.12);background:white;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:850;color:#0b3a70;text-decoration:none}
.footer-contact-v104{list-style:none;padding:0;margin:0;display:grid;gap:4px}
.footer-enamad-v104{display:flex;justify-content:flex-end;min-width:120px}
.footer-enamad-v104 .shopnegar-enamad{background:white;border:1px solid rgba(8,37,111,.10);border-radius:18px;padding:8px;box-shadow:0 12px 30px rgba(8,37,111,.06)}
.footer-enamad-v104 img{max-width:95px;height:auto;display:block}

@media(max-width:980px){
  .auth-layout-v104,.form-shell-v104{grid-template-columns:1fr}
  .auth-hero-v104{min-height:auto}
  .form-side-v104{position:relative;top:auto}
  .plans-note-v104{grid-template-columns:1fr}
  .footer-grid-v104{grid-template-columns:1fr}
  .footer-enamad-v104{justify-content:flex-start}
}
@media(max-width:720px){
  .public-shell-v104,.auth-shell-v104{width:min(100% - 22px,1160px)}
  .public-header-v104{align-items:flex-start;flex-direction:column}
  .public-nav-v104{width:100%}.public-nav-v104 a{flex:1;justify-content:center}
  .auth-layout-v104{padding-top:8px}.auth-hero-v104{padding:23px;border-radius:26px}.auth-hero-v104 h1{font-size:26px}.auth-proof-grid-v104{grid-template-columns:1fr}
  .auth-card-v104,.form-card-v104{padding:20px;border-radius:24px}
  .grid-form-v104,.billing-box-v104{grid-template-columns:1fr}
  .plans-head-v104 h1{font-size:25px}.plans-matrix-v104{min-width:760px}.plans-matrix-v104 th,.plans-matrix-v104 td{padding:12px 10px;font-size:12px}.plans-matrix-v104 th:first-child,.plans-matrix-v104 td:first-child{min-width:170px}
}


/* ===== v1.0.5 compact public auth spacing ===== */
.public-main-v104{min-height:auto!important;padding:8px 0 18px!important}
.auth-layout-v104{min-height:auto!important;padding:34px 0 26px!important;align-items:center!important}
.auth-hero-v104{min-height:410px!important}
.public-footer-v104{margin-top:8px!important;padding:18px 0 20px!important;background:rgba(255,255,255,.72)!important}
.footer-grid-v104{gap:16px!important;align-items:center!important}
.footer-grid-v104 h3{margin-bottom:6px!important}
.footer-grid-v104 p,.footer-grid-v104 li{font-size:12px!important;line-height:1.85!important}
.footer-links-v104{margin-top:8px!important}
.footer-enamad-v104 .shopnegar-enamad{padding:6px!important;border-radius:16px!important}
.footer-enamad-v104 img{max-width:82px!important}
@media(min-width:981px){
  .auth-body-v104 .public-header-v104{padding-bottom:8px!important}
  .auth-body-v104 .auth-layout-v104{grid-template-columns:minmax(390px,.92fr) minmax(430px,1.08fr)!important}
}
@media(max-width:720px){
  .auth-layout-v104{padding:14px 0 18px!important}
  .auth-hero-v104{min-height:auto!important}
  .public-footer-v104{padding:16px 0!important}
}

/* ===== ShopNegar v1.0.6 - public sky blue background ===== */
body.public-auth-v104{
  background:
    radial-gradient(circle at 15% 7%, rgba(24,191,208,.16), transparent 28%),
    radial-gradient(circle at 88% 12%, rgba(11,104,199,.10), transparent 34%),
    linear-gradient(180deg,#ffffff 0%,#F5FBFF 55%,#EEF8FF 100%)!important;
}
.public-footer-v104{background:rgba(255,255,255,.78)!important;border-color:rgba(11,104,199,.10)!important}
.plans-head-v104 .badge,.auth-kicker-light-v104{background:#E8F9FF!important;color:#075985!important;border-color:rgba(11,104,199,.14)!important}
.plans-matrix-v104 th:first-child,.plans-matrix-v104 td:first-child{background:#FBFDFF!important}.plans-matrix-v104 thead th{background:linear-gradient(180deg,#FBFDFF,#F1F9FF)!important}.plans-matrix-v104 .featured-col{background:#EEF8FF!important}

/* ===== ShopNegar Public/Auth UX v1.0.4 - Negar Group identity ===== */
:root{
  --ng-navy:#08256f;
  --ng-blue:#0b68c7;
  --ng-cyan:#19c9c2;
  --ng-cyan-2:#08aeb6;
  --ng-ink:#0b1730;
  --ng-muted:#66788f;
  --ng-line:rgba(8,37,111,.12);
  --ng-soft:#f3fbfc;
  --ng-white:rgba(255,255,255,.92);
  --ng-shadow:0 24px 70px rgba(8,37,111,.10);
}

.public-body-v104,
.auth-body-v104{
  margin:0;
  min-height:100vh;
  font-family:Vazirmatn,Tahoma,sans-serif;
  color:var(--ng-ink);
  background:
    radial-gradient(circle at 15% 7%, rgba(25,201,194,.20), transparent 28%),
    radial-gradient(circle at 88% 12%, rgba(8,37,111,.11), transparent 34%),
    linear-gradient(180deg,#ffffff 0%,#f4fbfb 55%,#eef8f7 100%);
}

.public-shell-v104,
.auth-shell-v104{
  width:min(1160px, calc(100% - 32px));
  margin-inline:auto;
}

.public-header-v104{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 0;
}

.ng-brand-v104,
.ng-brand-v104:visited{
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--ng-ink);
  text-decoration:none;
}

.ng-brand-mark-v104{
  width:48px;
  height:48px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--ng-cyan),var(--ng-blue));
  box-shadow:0 16px 35px rgba(10,104,199,.18);
  color:white;
  font-weight:950;
  letter-spacing:-.05em;
}

.ng-brand-text-v104 strong{display:block;font-size:16px;font-weight:950;line-height:1.5;color:#0b1730}
.ng-brand-text-v104 span{display:block;font-size:11.5px;color:var(--ng-muted);font-weight:800}

.public-nav-v104{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.public-nav-v104 a{
  min-height:40px;
  padding:9px 13px;
  display:inline-flex;
  align-items:center;
  border-radius:14px;
  color:#173454;
  border:1px solid transparent;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
}
.public-nav-v104 a:hover{background:white;border-color:var(--ng-line)}
.public-nav-v104 a.primary{background:linear-gradient(135deg,var(--ng-cyan),var(--ng-blue));color:white;box-shadow:0 14px 32px rgba(10,104,199,.18)}

.public-main-v104{padding:10px 0 34px;min-height:calc(100vh - 240px)}

.auth-layout-v104{
  min-height:calc(100vh - 210px);
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(380px,.96fr);
  align-items:center;
  gap:26px;
  padding:26px 0 42px;
}

.auth-hero-v104{
  position:relative;
  overflow:hidden;
  border-radius:34px;
  padding:32px;
  background:
    radial-gradient(circle at 22% 18%, rgba(25,201,194,.22), transparent 32%),
    linear-gradient(135deg,#081d56 0%,#08337e 56%,#0d77c8 100%);
  color:white;
  box-shadow:var(--ng-shadow);
  min-height:460px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.auth-hero-v104:after{
  content:"";
  position:absolute;
  inset:auto -95px -120px auto;
  width:320px;
  height:320px;
  border-radius:999px;
  background:rgba(25,201,194,.22);
}
.auth-kicker-v104{
  display:inline-flex;
  width:max-content;
  align-items:center;
  gap:8px;
  border:1px solid rgba(255,255,255,.20);
  background:rgba(255,255,255,.10);
  border-radius:999px;
  padding:8px 13px;
  color:#dffbff;
  font-size:12px;
  font-weight:900;
}
.auth-hero-v104 h1{font-size:36px;line-height:1.55;margin:24px 0 10px;color:white;letter-spacing:-.04em}
.auth-hero-v104 p{font-size:15px;line-height:2.15;color:#dcecff;margin:0;max-width:620px}
.auth-proof-grid-v104{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:26px;position:relative;z-index:1}
.auth-proof-v104{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.10);border-radius:18px;padding:13px;line-height:1.75;font-size:12.5px;font-weight:850;color:#efffff}

.auth-card-v104,
.form-card-v104,
.plans-card-v104{
  background:var(--ng-white);
  border:1px solid var(--ng-line);
  border-radius:30px;
  box-shadow:var(--ng-shadow);
  backdrop-filter:blur(18px);
}
.auth-card-v104{padding:28px}
.auth-card-v104 h2,
.form-card-v104 h1,
.plans-head-v104 h1{font-size:26px;margin:8px 0 8px;color:#0b1730;letter-spacing:-.035em}
.auth-card-v104 p,.form-card-v104 p,.plans-head-v104 p{line-height:1.95;color:var(--ng-muted);font-size:13.5px;margin:0}
.auth-card-v104 form{display:grid;gap:13px;margin-top:20px}
.auth-field-v104{display:grid;gap:7px;font-size:13px;color:#243b58;font-weight:900}
.auth-field-v104 input,
.auth-field-v104 select,
.auth-field-v104 textarea,
.form-card-v104 input,
.form-card-v104 select,
.form-card-v104 textarea{
  box-sizing:border-box;
  width:100%;
  min-height:48px;
  border-radius:16px !important;
  border:1px solid rgba(8,37,111,.14) !important;
  background:#fff;
  padding:12px 14px;
  font:inherit;
  color:#0b1730;
  box-shadow:0 8px 22px rgba(8,37,111,.035);
}
.auth-field-v104 input:focus,
.form-card-v104 input:focus{
  outline:0;
  border-color:var(--ng-cyan) !important;
  box-shadow:0 0 0 4px rgba(25,201,194,.14), 0 10px 28px rgba(8,37,111,.06) !important;
}
.auth-actions-v104{display:grid;gap:10px;margin-top:6px}
.ng-btn-v104,
.ng-btn-v104:visited,
.auth-card-v104 button,
.form-card-v104 button,
.plans-matrix-v104 .plan-cta-v104{
  min-height:48px;
  border:0;
  border-radius:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:12px 16px;
  font:inherit;
  font-weight:950;
  cursor:pointer;
  text-decoration:none;
  background:linear-gradient(135deg,var(--ng-cyan),var(--ng-blue));
  color:white;
  box-shadow:0 16px 36px rgba(10,104,199,.18);
}
.ng-btn-v104.secondary,
.ng-btn-v104.secondary:visited{background:#fff;color:#0b3a70;border:1px solid rgba(8,37,111,.14);box-shadow:0 10px 26px rgba(8,37,111,.05)}
.auth-help-v104{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--ng-muted);margin-top:14px;line-height:1.8}
.auth-help-v104 a{color:#0b68c7;font-weight:900;text-decoration:none}

.ng-alert-v104,
.alert.danger{
  border-radius:18px;
  padding:12px 14px;
  line-height:1.85;
  font-size:13px;
  font-weight:850;
  background:#fff1f2 !important;
  color:#be123c !important;
  border:1px solid #fecdd3 !important;
}

.form-shell-v104{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:20px;align-items:start;padding:26px 0 44px}
.form-side-v104{position:sticky;top:18px;background:linear-gradient(135deg,#071f59,#0b68c7);border-radius:30px;padding:28px;color:white;box-shadow:var(--ng-shadow);overflow:hidden}
.form-side-v104:after{content:"";position:absolute;left:-75px;bottom:-75px;width:210px;height:210px;border-radius:999px;background:rgba(25,201,194,.24)}
.form-side-v104 h1{color:white;font-size:30px;line-height:1.6;margin:12px 0 8px}
.form-side-v104 p{color:#e3f5ff;line-height:2;margin:0;font-size:14px}
.form-side-v104 ul{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:11px;position:relative;z-index:1}
.form-side-v104 li{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:11px 12px;font-size:13px;color:#f4ffff}
.form-card-v104{padding:26px}
.grid-form-v104{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.grid-form-v104 label{display:grid;gap:7px;font-size:13px;font-weight:900;color:#26394a;margin:0}
.grid-form-v104 .full{grid-column:1/-1}
.billing-box-v104{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:2px 0 6px}
.billing-box-v104 label{background:#f8fcff;border:1px solid rgba(8,37,111,.12);border-radius:18px;padding:13px;display:flex;align-items:center;gap:9px;line-height:1.7}
.billing-box-v104 input{width:18px;min-height:18px;box-shadow:none;accent-color:var(--ng-cyan)}

.plans-head-v104{text-align:center;max-width:840px;margin:10px auto 24px;padding:18px}
.plans-head-v104 .badge,.auth-kicker-light-v104{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:#e9fbfb;color:#086977;border:1px solid rgba(25,201,194,.18);padding:7px 13px;font-size:12px;font-weight:950}
.plans-head-v104 h1{font-size:34px;line-height:1.5}
.plans-matrix-wrap-v104{overflow-x:auto;overflow-y:visible;padding:2px 2px 18px;margin-bottom:18px}
.plans-matrix-v104{width:100%;min-width:880px;border-collapse:separate;border-spacing:0;background:white;border:1px solid rgba(8,37,111,.12);border-radius:28px;overflow:hidden;box-shadow:var(--ng-shadow)}
.plans-matrix-v104 th,.plans-matrix-v104 td{border-bottom:1px solid #eef4f8;border-left:1px solid #eef4f8;text-align:center;padding:15px 14px;vertical-align:middle;font-size:13px;line-height:1.75}
.plans-matrix-v104 tr:last-child th,.plans-matrix-v104 tr:last-child td{border-bottom:0}
.plans-matrix-v104 th:first-child,.plans-matrix-v104 td:first-child{position:sticky;right:0;z-index:2;background:#fbffff;text-align:right;font-weight:950;color:#19314d;min-width:210px}
.plans-matrix-v104 thead th{background:linear-gradient(180deg,#fbffff,#f2fbfb);font-size:14px;color:#0b1730}
.plans-matrix-v104 thead th:first-child{z-index:3;background:#f6fbff}
.plans-matrix-v104 .featured-col{background:#effdfb}
.plans-matrix-v104 .plan-title-v104{display:flex;align-items:center;justify-content:center;gap:8px;font-size:17px;font-weight:950;color:#08256f}
.plans-matrix-v104 .plan-subtitle-v104{font-size:12px;color:var(--ng-muted);font-weight:700;margin-top:4px}
.plans-matrix-v104 .plan-price-v104{margin-top:10px;font-size:13px;color:#0b68c7;font-weight:950}
.plans-matrix-v104 .popular-v104{font-size:11px;border-radius:999px;background:linear-gradient(135deg,var(--ng-cyan),var(--ng-blue));color:white;padding:4px 8px}
.plan-check-v104{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#dcfce7;color:#047857;font-weight:950;font-size:18px}
.plan-no-v104{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#f8fafc;color:#94a3b8;font-weight:950}
.plan-value-v104{font-weight:950;color:#0f315b}
.plans-note-v104{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.plans-note-v104 div{background:rgba(255,255,255,.85);border:1px solid rgba(8,37,111,.10);border-radius:20px;padding:15px;line-height:1.85;font-size:13px;color:#486078;box-shadow:0 14px 36px rgba(8,37,111,.05)}

.public-footer-v104{
  border-top:1px solid rgba(8,37,111,.10);
  padding:24px 0 28px;
  background:rgba(255,255,255,.54);
  backdrop-filter:blur(12px);
}
.footer-grid-v104{display:grid;grid-template-columns:1.2fr 1fr auto;gap:22px;align-items:start}
.footer-grid-v104 h3{font-size:16px;margin:0 0 9px;color:#0b1730}
.footer-grid-v104 p,.footer-grid-v104 li{font-size:12.5px;line-height:2;color:#5d7085;margin:0}
.footer-links-v104{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.footer-links-v104 a{border:1px solid rgba(8,37,111,.12);background:white;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:850;color:#0b3a70;text-decoration:none}
.footer-contact-v104{list-style:none;padding:0;margin:0;display:grid;gap:4px}
.footer-enamad-v104{display:flex;justify-content:flex-end;min-width:120px}
.footer-enamad-v104 .shopnegar-enamad{background:white;border:1px solid rgba(8,37,111,.10);border-radius:18px;padding:8px;box-shadow:0 12px 30px rgba(8,37,111,.06)}
.footer-enamad-v104 img{max-width:95px;height:auto;display:block}

@media(max-width:980px){
  .auth-layout-v104,.form-shell-v104{grid-template-columns:1fr}
  .auth-hero-v104{min-height:auto}
  .form-side-v104{position:relative;top:auto}
  .plans-note-v104{grid-template-columns:1fr}
  .footer-grid-v104{grid-template-columns:1fr}
  .footer-enamad-v104{justify-content:flex-start}
}
@media(max-width:720px){
  .public-shell-v104,.auth-shell-v104{width:min(100% - 22px,1160px)}
  .public-header-v104{align-items:flex-start;flex-direction:column}
  .public-nav-v104{width:100%}.public-nav-v104 a{flex:1;justify-content:center}
  .auth-layout-v104{padding-top:8px}.auth-hero-v104{padding:23px;border-radius:26px}.auth-hero-v104 h1{font-size:26px}.auth-proof-grid-v104{grid-template-columns:1fr}
  .auth-card-v104,.form-card-v104{padding:20px;border-radius:24px}
  .grid-form-v104,.billing-box-v104{grid-template-columns:1fr}
  .plans-head-v104 h1{font-size:25px}.plans-matrix-v104{min-width:760px}.plans-matrix-v104 th,.plans-matrix-v104 td{padding:12px 10px;font-size:12px}.plans-matrix-v104 th:first-child,.plans-matrix-v104 td:first-child{min-width:170px}
}


/* ===== v1.0.5 compact public auth spacing ===== */
.public-main-v104{min-height:auto!important;padding:8px 0 18px!important}
.auth-layout-v104{min-height:auto!important;padding:34px 0 26px!important;align-items:center!important}
.auth-hero-v104{min-height:410px!important}
.public-footer-v104{margin-top:8px!important;padding:18px 0 20px!important;background:rgba(255,255,255,.72)!important}
.footer-grid-v104{gap:16px!important;align-items:center!important}
.footer-grid-v104 h3{margin-bottom:6px!important}
.footer-grid-v104 p,.footer-grid-v104 li{font-size:12px!important;line-height:1.85!important}
.footer-links-v104{margin-top:8px!important}
.footer-enamad-v104 .shopnegar-enamad{padding:6px!important;border-radius:16px!important}
.footer-enamad-v104 img{max-width:82px!important}
@media(min-width:981px){
  .auth-body-v104 .public-header-v104{padding-bottom:8px!important}
  .auth-body-v104 .auth-layout-v104{grid-template-columns:minmax(390px,.92fr) minmax(430px,1.08fr)!important}
}
@media(max-width:720px){
  .auth-layout-v104{padding:14px 0 18px!important}
  .auth-hero-v104{min-height:auto!important}
  .public-footer-v104{padding:16px 0!important}
}

/* ===== ShopNegar v1.0.6 - public sky blue background ===== */
body.public-auth-v104{
  background:
    radial-gradient(circle at 15% 7%, rgba(24,191,208,.16), transparent 28%),
    radial-gradient(circle at 88% 12%, rgba(11,104,199,.10), transparent 34%),
    linear-gradient(180deg,#ffffff 0%,#F5FBFF 55%,#EEF8FF 100%)!important;
}
.public-footer-v104{background:rgba(255,255,255,.78)!important;border-color:rgba(11,104,199,.10)!important}
.plans-head-v104 .badge,.auth-kicker-light-v104{background:#E8F9FF!important;color:#075985!important;border-color:rgba(11,104,199,.14)!important}
.plans-matrix-v104 th:first-child,.plans-matrix-v104 td:first-child{background:#FBFDFF!important}.plans-matrix-v104 thead th{background:linear-gradient(180deg,#FBFDFF,#F1F9FF)!important}.plans-matrix-v104 .featured-col{background:#EEF8FF!important}

/* === source: shopnegar_panel_soft_polish_v181.css === */
/* ShopNegar Panel Soft Polish v181 - scoped and CSS-only */
:root{--sn181-line:rgba(14,165,164,.16);--sn181-shadow:0 16px 42px rgba(6,25,29,.07)}
body:not(.miniapp-body){background:radial-gradient(circle at 8% 0%,rgba(25,201,194,.12),transparent 26%),linear-gradient(180deg,#f8fffd,#f1f7f6)!important}
body:not(.miniapp-body) .sn-hero{border:1px solid var(--sn181-line)!important;box-shadow:var(--sn181-shadow)!important;border-radius:28px!important;background:linear-gradient(135deg,#fff,#f7fffd)!important}
body:not(.miniapp-body) .sn-hero h1{letter-spacing:-.02em}
body:not(.miniapp-body) .sn-card,body:not(.miniapp-body) .card,body:not(.miniapp-body) .panel,body:not(.miniapp-body) .cat-card,body:not(.miniapp-body) .orders-panel,body:not(.miniapp-body) .report-card{border-color:var(--sn181-line)!important;box-shadow:var(--sn181-shadow)!important}
body:not(.miniapp-body) button,body:not(.miniapp-body) .btn{transition:transform .14s ease,box-shadow .14s ease,background .14s ease!important}
body:not(.miniapp-body) button:hover,body:not(.miniapp-body) .btn:hover{transform:translateY(-1px)}
body:not(.miniapp-body) th .sort-btn,body:not(.miniapp-body) .sn-cat-v171 th .sort-btn,body:not(.miniapp-body) .sn-orders-v172 th .sort-btn,body:not(.miniapp-body) .sn-reports-v173 th .sort-btn{all:unset!important;display:inline-flex!important;align-items:center!important;gap:6px!important;cursor:pointer!important;color:#0f3c3f!important;font-weight:950!important;font-size:12px!important;padding:0!important;min-width:0!important;min-height:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
body:not(.miniapp-body) th .sort-btn::after{content:"↕";color:#91a7b0;font-size:10px}
body:not(.miniapp-body) table{border-collapse:separate!important;border-spacing:0!important}
body:not(.miniapp-body) th{white-space:nowrap}
body:not(.miniapp-body) tbody tr:hover td{background:#fafffd!important}
body:not(.miniapp-body) .filter-row input,body:not(.miniapp-body) .cat-filter-row input,body:not(.miniapp-body) [data-filter-col],body:not(.miniapp-body) [data-cat-filter]{border:1px solid rgba(14,165,164,.18)!important;background:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important}
body:not(.miniapp-body) .sn-cat-v171 .cat-top{align-items:stretch!important}
body:not(.miniapp-body) .sn-cat-v171 .cat-card{border-radius:26px!important}
body:not(.miniapp-body) .sn-cat-v171 .cat-stats{gap:12px!important}
body:not(.miniapp-body) .sn-cat-v171 .cat-stat{border-radius:18px!important;background:linear-gradient(180deg,#fff,#fbfffe)!important}
body:not(.miniapp-body) .sn-cat-v171 .cat-table-wrap{border-radius:22px!important;border:1px solid rgba(14,165,164,.16)!important}
body:not(.miniapp-body) .sn-orders-v172 .row-actions{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:7px!important}
body:not(.miniapp-body) .sn-orders-v172 .row-actions button{min-height:34px!important;padding:7px 9px!important;border-radius:12px!important;font-size:12px!important}
body:not(.miniapp-body) .sn-orders-v172 .orders-kpi b,body:not(.miniapp-body) .sn-reports-v173 .report-kpi b{font-size:clamp(20px,2.5vw,28px)!important}
@media (max-width:920px){
body:not(.miniapp-body) .sn-hero{border-radius:22px!important;padding:16px!important}
body:not(.miniapp-body) .sn-hero h1{font-size:22px!important}
body:not(.miniapp-body) .sn-actions{width:100%;justify-content:flex-start!important}
body:not(.miniapp-body) .sn-cat-v171 .cat-top,body:not(.miniapp-body) .sn-orders-v172 .orders-kpis,body:not(.miniapp-body) .sn-reports-v173 .report-kpis,body:not(.miniapp-body) .sn-reports-v173 .report-grid{grid-template-columns:1fr!important}
body:not(.miniapp-body) .sn-cat-v171 .cat-form{grid-template-columns:1fr!important}
body:not(.miniapp-body) .sn-cat-v171 .cat-table-wrap,body:not(.miniapp-body) .sn-orders-v172 .orders-table-wrap,body:not(.miniapp-body) .sn-reports-v173 .report-table-wrap,body:not(.miniapp-body) .table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:20px!important}
body:not(.miniapp-body) .sn-cat-v171 table{min-width:760px!important}
body:not(.miniapp-body) .sn-orders-v172 table{min-width:940px!important}
body:not(.miniapp-body) .sn-reports-v173 table{min-width:620px!important}
}
@media (max-width:560px){
body:not(.miniapp-body) .content-wrap{padding-inline:10px!important}
body:not(.miniapp-body) .sn-cat-v171 .cat-card,body:not(.miniapp-body) .sn-orders-v172 .orders-panel,body:not(.miniapp-body) .sn-reports-v173 .report-card{border-radius:20px!important}
body:not(.miniapp-body) .sn-cat-v171 .cat-stats{grid-template-columns:1fr 1fr!important}
body:not(.miniapp-body) .sn-orders-v172 .row-actions{grid-template-columns:1fr!important}
}

/* === source: shopnegar_emergency_ui_repair_v182.css === */
/* ShopNegar Emergency UI Repair v182
   Purpose: fix v181 visual issues, keep changes CSS-only, scoped, reversible.
*/

/* 1) Undo the ugly blue pill effect on table header sort buttons */
body:not(.miniapp-body) table th button,
body:not(.miniapp-body) table th .sort-btn,
body:not(.miniapp-body) .sort-btn,
body:not(.miniapp-body) .sn-cat-v171 th button.sort-btn,
body:not(.miniapp-body) .sn-orders-v172 th button.sort-btn,
body:not(.miniapp-body) .sn-reports-v173 th button.sort-btn{
  all:unset !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  cursor:pointer !important;
  color:#123044 !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  border:0 !important;
  outline:0 !important;
  min-width:0 !important;
  min-height:0 !important;
  width:auto !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:0 !important;
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1.5 !important;
  text-align:inherit !important;
}
body:not(.miniapp-body) table th button::after,
body:not(.miniapp-body) table th .sort-btn::after{
  content:"↕" !important;
  color:#8aa1b2 !important;
  font-size:10px !important;
  background:transparent !important;
}

/* 2) Tables must look like tables on desktop */
body:not(.miniapp-body) table{
  width:100% !important;
}
body:not(.miniapp-body) th,
body:not(.miniapp-body) td{
  vertical-align:middle !important;
}
body:not(.miniapp-body) thead th{
  background:#eefaff !important;
  color:#123044 !important;
  border-bottom:1px solid rgba(14,165,164,.14) !important;
}
body:not(.miniapp-body) .filter-row th,
body:not(.miniapp-body) .cat-filter-row th{
  background:#f8fdff !important;
}
body:not(.miniapp-body) .filter-row input,
body:not(.miniapp-body) .cat-filter-row input{
  min-height:40px !important;
  border-radius:14px !important;
  border:1px solid rgba(148,163,184,.28) !important;
  background:#fff !important;
}

/* 3) Keep action buttons usable but not huge */
body:not(.miniapp-body) .sn-orders-v172 .row-actions,
body:not(.miniapp-body) .sn-cat-v171 .cat-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:8px !important;
}
body:not(.miniapp-body) .sn-orders-v172 .row-actions button,
body:not(.miniapp-body) .sn-cat-v171 .cat-actions button{
  min-height:34px !important;
  padding:7px 11px !important;
  border-radius:12px !important;
  font-size:12px !important;
}

/* 4) Mobile: orders become readable cards instead of a broken squeezed grid */
@media (max-width: 680px){
  body:not(.miniapp-body) .sn-orders-v172 .orders-panel{
    overflow:visible !important;
    border-radius:22px !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 .orders-panel-head{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    padding:16px !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 .orders-filters{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 .orders-filters input,
  body:not(.miniapp-body) .sn-orders-v172 .orders-filters select,
  body:not(.miniapp-body) .sn-orders-v172 .orders-filters button{
    width:100% !important;
    min-width:0 !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 .orders-table-wrap{
    overflow:visible !important;
    padding:12px !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 table,
  body:not(.miniapp-body) .sn-orders-v172 thead,
  body:not(.miniapp-body) .sn-orders-v172 tbody,
  body:not(.miniapp-body) .sn-orders-v172 tr,
  body:not(.miniapp-body) .sn-orders-v172 td{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 thead{
    display:none !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 tbody{
    display:grid !important;
    gap:12px !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 tbody tr{
    border:1px solid rgba(14,165,164,.15) !important;
    border-radius:20px !important;
    background:#fff !important;
    box-shadow:0 12px 30px rgba(6,25,29,.06) !important;
    padding:12px !important;
    cursor:pointer !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 tbody td{
    border-bottom:1px dashed rgba(148,163,184,.22) !important;
    padding:9px 2px !important;
    display:grid !important;
    grid-template-columns:92px minmax(0,1fr) !important;
    gap:8px !important;
    align-items:center !important;
    text-align:right !important;
    white-space:normal !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 tbody td:last-child{
    border-bottom:0 !important;
    display:block !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 tbody td::before{
    color:#64748b !important;
    font-size:12px !important;
    font-weight:800 !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 tbody td:nth-child(1)::before{content:"سفارش"}
  body:not(.miniapp-body) .sn-orders-v172 tbody td:nth-child(2)::before{content:"تاریخ"}
  body:not(.miniapp-body) .sn-orders-v172 tbody td:nth-child(3)::before{content:"مشتری"}
  body:not(.miniapp-body) .sn-orders-v172 tbody td:nth-child(4)::before{content:"اقلام"}
  body:not(.miniapp-body) .sn-orders-v172 tbody td:nth-child(5)::before{content:"مبلغ"}
  body:not(.miniapp-body) .sn-orders-v172 tbody td:nth-child(6)::before{content:"وضعیت"}
  body:not(.miniapp-body) .sn-orders-v172 tbody td:nth-child(7)::before{content:"پرداخت"}
  body:not(.miniapp-body) .sn-orders-v172 .row-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 .row-actions form,
  body:not(.miniapp-body) .sn-orders-v172 .row-actions button{
    width:100% !important;
  }
}

/* 5) Mobile: categories also become cards */
@media (max-width: 680px){
  body:not(.miniapp-body) .sn-cat-v171 .cat-top,
  body:not(.miniapp-body) .sn-cat-v171 .cat-form{
    grid-template-columns:1fr !important;
  }
  body:not(.miniapp-body) .sn-cat-v171 .cat-table-wrap{
    overflow:visible !important;
    padding:12px !important;
  }
  body:not(.miniapp-body) .sn-cat-v171 table,
  body:not(.miniapp-body) .sn-cat-v171 thead,
  body:not(.miniapp-body) .sn-cat-v171 tbody,
  body:not(.miniapp-body) .sn-cat-v171 tr,
  body:not(.miniapp-body) .sn-cat-v171 td{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
  }
  body:not(.miniapp-body) .sn-cat-v171 thead{
    display:none !important;
  }
  body:not(.miniapp-body) .sn-cat-v171 tbody{
    display:grid !important;
    gap:12px !important;
  }
  body:not(.miniapp-body) .sn-cat-v171 tbody tr{
    border:1px solid rgba(14,165,164,.15) !important;
    border-radius:20px !important;
    background:#fff !important;
    box-shadow:0 12px 30px rgba(6,25,29,.06) !important;
    padding:12px !important;
  }
  body:not(.miniapp-body) .sn-cat-v171 tbody td{
    border-bottom:1px dashed rgba(148,163,184,.22) !important;
    padding:9px 2px !important;
    display:grid !important;
    grid-template-columns:92px minmax(0,1fr) !important;
    gap:8px !important;
    align-items:center !important;
  }
  body:not(.miniapp-body) .sn-cat-v171 tbody td:last-child{
    border-bottom:0 !important;
    display:block !important;
  }
  body:not(.miniapp-body) .sn-cat-v171 tbody td::before{
    content:attr(data-label);
    color:#64748b !important;
    font-size:12px !important;
    font-weight:800 !important;
  }
  body:not(.miniapp-body) .sn-cat-v171 .cat-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }
  body:not(.miniapp-body) .sn-cat-v171 .cat-actions form,
  body:not(.miniapp-body) .sn-cat-v171 .cat-actions button{
    width:100% !important;
  }
}

/* 6) Generic mobile table fallback: do not squeeze full tables into 360px */
@media (max-width: 680px){
  body:not(.miniapp-body) .table-wrap,
  body:not(.miniapp-body) .data-grid,
  body:not(.miniapp-body) .report-table-wrap{
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }
  body:not(.miniapp-body) .table-wrap table,
  body:not(.miniapp-body) .data-grid table,
  body:not(.miniapp-body) .report-table-wrap table{
    min-width:680px !important;
  }
  body:not(.miniapp-body) main,
  body:not(.miniapp-body) .content-wrap{
    max-width:100vw !important;
    overflow-x:hidden !important;
  }
}

/* 7) MiniApp safe product card polish */
body.miniapp-body .product{
  isolation:isolate !important;
  overflow:hidden !important;
}
body.miniapp-body .product-img{
  z-index:1 !important;
}
body.miniapp-body .product-body,
body.miniapp-body .product-actions,
body.miniapp-body .price-row{
  position:relative !important;
  z-index:2 !important;
}
body.miniapp-body .product-actions{
  clear:both !important;
}

/* === source: shopnegar_deploy_ui_v183.css === */
/* ShopNegar Deploy UI v183 - final loaded polish for portal and miniapp */
:root{
  --sn183-ink:#102027;
  --sn183-muted:#64748b;
  --sn183-line:rgba(15,23,42,.10);
  --sn183-surface:#ffffff;
  --sn183-soft:#f6f8fb;
  --sn183-teal:#0faaa3;
  --sn183-coral:#f05f5f;
  --sn183-amber:#f5b84b;
  --sn183-indigo:#4f6df5;
  --sn183-shadow:0 18px 46px rgba(16,32,39,.10);
  --sn183-shadow-soft:0 10px 26px rgba(16,32,39,.07);
}

body:not(.miniapp-body){
  color:var(--sn183-ink) !important;
  background:
    linear-gradient(180deg,#f8fbfd 0%,#f3f7f9 42%,#eef4f7 100%) !important;
}

body:not(.miniapp-body) .app-shell{
  min-height:100vh !important;
  background:transparent !important;
}

body:not(.miniapp-body) .sidebar{
  border-left:1px solid rgba(255,255,255,.36) !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.94),rgba(245,250,250,.90)) !important;
  box-shadow:-14px 0 44px rgba(16,32,39,.07) !important;
  backdrop-filter:blur(18px) !important;
}

body:not(.miniapp-body) .brand-card{
  border:1px solid rgba(15,170,163,.18) !important;
  background:linear-gradient(135deg,#ffffff 0%,#effdfa 58%,#fff8ea 100%) !important;
  box-shadow:var(--sn183-shadow-soft) !important;
}

body:not(.miniapp-body) .brand-logo-wrap{
  background:#0faaa3 !important;
  box-shadow:0 12px 28px rgba(15,170,163,.24) !important;
}

body:not(.miniapp-body) .nav-section-title{
  color:#758195 !important;
  letter-spacing:0 !important;
}

body:not(.miniapp-body) .nav-item{
  border:1px solid transparent !important;
  border-radius:14px !important;
  color:#334155 !important;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease !important;
}

body:not(.miniapp-body) .nav-item:hover{
  background:#ffffff !important;
  border-color:rgba(15,170,163,.18) !important;
  box-shadow:var(--sn183-shadow-soft) !important;
  transform:translateY(-1px) !important;
}

body:not(.miniapp-body) .nav-item.active{
  color:#073b3a !important;
  background:linear-gradient(135deg,rgba(15,170,163,.14),rgba(79,109,245,.10)) !important;
  border-color:rgba(15,170,163,.28) !important;
  box-shadow:0 10px 28px rgba(15,170,163,.12) !important;
}

body:not(.miniapp-body) .content-wrap{
  width:min(100%,1240px) !important;
  margin-inline:auto !important;
  padding:28px clamp(14px,2.5vw,34px) 48px !important;
}

body:not(.miniapp-body) .page-hero,
body:not(.miniapp-body) .sn-hero{
  border:1px solid rgba(15,170,163,.14) !important;
  border-radius:22px !important;
  background:
    linear-gradient(135deg,#ffffff 0%,#f0fcfa 48%,#fff6e7 100%) !important;
  box-shadow:var(--sn183-shadow) !important;
  padding:24px !important;
}

body:not(.miniapp-body) .page-title,
body:not(.miniapp-body) .sn-hero h1{
  color:#0f2530 !important;
  letter-spacing:0 !important;
}

body:not(.miniapp-body) .page-kicker,
body:not(.miniapp-body) .sn-kicker{
  color:var(--sn183-teal) !important;
  background:rgba(15,170,163,.10) !important;
  border:1px solid rgba(15,170,163,.16) !important;
  border-radius:999px !important;
  padding:5px 10px !important;
}

body:not(.miniapp-body) .card,
body:not(.miniapp-body) .sn-card{
  border:1px solid var(--sn183-line) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:var(--sn183-shadow-soft) !important;
}

body:not(.miniapp-body) .stat,
body:not(.miniapp-body) .sn-metrics .sn-card{
  position:relative !important;
  overflow:hidden !important;
}

body:not(.miniapp-body) .stat::before,
body:not(.miniapp-body) .sn-metrics .sn-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 0 auto 0 !important;
  height:4px !important;
  background:linear-gradient(90deg,var(--sn183-teal),var(--sn183-indigo),var(--sn183-amber)) !important;
}

body:not(.miniapp-body) .num,
body:not(.miniapp-body) .sn-num{
  color:#102027 !important;
}

body:not(.miniapp-body) .btn,
body:not(.miniapp-body) button,
body:not(.miniapp-body) input[type="submit"]{
  border-radius:13px !important;
  letter-spacing:0 !important;
}

body:not(.miniapp-body) .btn:not(.secondary):not(.danger):not(.gold),
body:not(.miniapp-body) button.primary,
body:not(.miniapp-body) .primary{
  background:linear-gradient(135deg,#0faaa3,#1976d2) !important;
  border-color:transparent !important;
  box-shadow:0 12px 24px rgba(15,170,163,.18) !important;
}

body:not(.miniapp-body) .btn.secondary,
body:not(.miniapp-body) button.secondary{
  background:#fff !important;
  border:1px solid rgba(15,23,42,.12) !important;
  color:#334155 !important;
}

body:not(.miniapp-body) input,
body:not(.miniapp-body) select,
body:not(.miniapp-body) textarea{
  border-radius:13px !important;
  border-color:rgba(15,23,42,.14) !important;
  background:#fff !important;
  box-shadow:inset 0 1px 0 rgba(15,23,42,.03) !important;
}

body:not(.miniapp-body) input:focus,
body:not(.miniapp-body) select:focus,
body:not(.miniapp-body) textarea:focus{
  border-color:rgba(15,170,163,.55) !important;
  box-shadow:0 0 0 4px rgba(15,170,163,.12) !important;
  outline:none !important;
}

body:not(.miniapp-body) .table-wrap{
  border:1px solid rgba(15,23,42,.08) !important;
  border-radius:16px !important;
  background:#fff !important;
}

body:not(.miniapp-body) table thead th{
  background:#f8fafc !important;
  color:#475569 !important;
}

body:not(.miniapp-body) table tbody tr:hover{
  background:#f7fffd !important;
}

body:not(.miniapp-body) .badge{
  border-radius:999px !important;
  border:1px solid rgba(15,23,42,.08) !important;
}

body:not(.miniapp-body) .badge.ok{background:#ecfdf5 !important;color:#047857 !important}
body:not(.miniapp-body) .badge.info{background:#eef6ff !important;color:#1d4ed8 !important}
body:not(.miniapp-body) .badge.warn{background:#fff7ed !important;color:#c2410c !important}
body:not(.miniapp-body) .badge.bad{background:#fff1f2 !important;color:#be123c !important}

body.login160-body,
body.auth-body-v104,
body.public-body-v104{
  background:
    radial-gradient(circle at 88% 10%,rgba(15,170,163,.16),transparent 30%),
    radial-gradient(circle at 12% 20%,rgba(245,184,75,.18),transparent 28%),
    linear-gradient(180deg,#f8fbfd,#eef5f7) !important;
}

body.login160-body .login160-shell{
  min-height:100vh !important;
  align-items:center !important;
}

body.login160-body .login160-info,
body.login160-body .login160-card,
body.auth-body-v104 .auth-hero-v104,
body.auth-body-v104 .auth-card-v104,
body.public-body-v104 .public-header-v104,
body.public-body-v104 .public-main-v104 > *,
body.public-body-v104 .public-footer-v104{
  border-color:rgba(15,23,42,.10) !important;
  box-shadow:var(--sn183-shadow) !important;
}

body.login160-body .login160-info{
  background:linear-gradient(135deg,#102027 0%,#0faaa3 60%,#f5b84b 140%) !important;
}

body.login160-body .login160-card{
  background:rgba(255,255,255,.96) !important;
  border-radius:22px !important;
}

body.login160-body .login160-tabs button,
body.login160-body .login160-card button[type="submit"],
body.auth-body-v104 .auth-actions-v104 button,
body.public-body-v104 .public-nav-v104 a.primary{
  background:linear-gradient(135deg,#0faaa3,#1976d2) !important;
  border-color:transparent !important;
  box-shadow:0 12px 24px rgba(15,170,163,.20) !important;
}

body.login160-body .login160-tabs a,
body.auth-body-v104 .ng-btn-v104.secondary,
body.public-body-v104 .public-nav-v104 a{
  background:#fff !important;
  border:1px solid rgba(15,23,42,.10) !important;
  color:#334155 !important;
}

body.login160-body input{
  border-radius:14px !important;
  border-color:rgba(15,23,42,.14) !important;
}

body.auth-body-v104 input,
body.auth-body-v104 select,
body.auth-body-v104 textarea{
  border-radius:14px !important;
  border-color:rgba(15,23,42,.14) !important;
}

body.login160-body input:focus,
body.auth-body-v104 input:focus,
body.auth-body-v104 select:focus,
body.auth-body-v104 textarea:focus{
  border-color:rgba(15,170,163,.55) !important;
  box-shadow:0 0 0 4px rgba(15,170,163,.12) !important;
}

body.auth-body-v104 .auth-hero-v104{
  background:linear-gradient(135deg,#102027 0%,#0faaa3 64%,#f5b84b 140%) !important;
}

body.auth-body-v104 .auth-card-v104{
  background:rgba(255,255,255,.97) !important;
  border-radius:22px !important;
}

@media (max-width:760px){
  body:not(.miniapp-body) .content-wrap{padding:16px 12px 88px !important}
  body:not(.miniapp-body) .page-hero,
  body:not(.miniapp-body) .sn-hero{padding:18px !important;border-radius:18px !important}
  body:not(.miniapp-body) .page-actions,
  body:not(.miniapp-body) .sn-actions{display:grid !important;grid-template-columns:1fr !important;width:100% !important}
}

body.miniapp-body{
  --sn183-mini-ink:#102027;
  --sn183-mini-muted:#667085;
  --sn183-mini-line:rgba(16,32,39,.10);
  color:var(--sn183-mini-ink) !important;
  background:
    linear-gradient(180deg,#f8fbfb 0%,#f4f7fb 54%,#ffffff 100%) !important;
}

body.miniapp-body .miniapp-bg{
  background:
    radial-gradient(circle at 88% 0%,rgba(15,170,163,.18),transparent 34%),
    radial-gradient(circle at 4% 16%,rgba(240,95,95,.12),transparent 28%),
    linear-gradient(180deg,#f8fbfb,#ffffff) !important;
}

body.miniapp-body .hero{
  border:1px solid rgba(15,170,163,.16) !important;
  border-radius:26px !important;
  background:linear-gradient(135deg,#ffffff 0%,#effdfa 58%,#fff7e8 100%) !important;
  box-shadow:0 18px 42px rgba(16,32,39,.10) !important;
}

body.miniapp-body .brand-mark{
  border:2px solid rgba(255,255,255,.86) !important;
  background:#fff !important;
  box-shadow:0 12px 28px rgba(15,170,163,.18) !important;
}

body.miniapp-body .brand-copy h1{
  color:#102027 !important;
  letter-spacing:0 !important;
}

body.miniapp-body .cart-pill,
body.miniapp-body .bottom-primary,
body.miniapp-body .primary{
  background:linear-gradient(135deg,#0faaa3,#1976d2) !important;
  box-shadow:0 14px 28px rgba(15,170,163,.22) !important;
}

body.miniapp-body .miniapp-announcement,
body.miniapp-body .trust-row,
body.miniapp-body .quick-actions-mini,
body.miniapp-body .search-box,
body.miniapp-body .section-head,
body.miniapp-body .drawer-card{
  border:1px solid var(--sn183-mini-line) !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 12px 30px rgba(16,32,39,.08) !important;
}

body.miniapp-body .announcement-badge{
  background:#fff4df !important;
  color:#9a5b00 !important;
}

body.miniapp-body .trust-row span{
  background:#fff !important;
  border:1px solid rgba(15,23,42,.08) !important;
  color:#344054 !important;
}

body.miniapp-body .quick-actions-mini button,
body.miniapp-body .chip,
body.miniapp-body #resetFiltersBtn{
  background:#fff !important;
  border:1px solid rgba(15,23,42,.10) !important;
  color:#334155 !important;
  box-shadow:0 8px 18px rgba(16,32,39,.05) !important;
}

body.miniapp-body .chip.active,
body.miniapp-body .quick-actions-mini button:active{
  background:#e9fbf8 !important;
  border-color:rgba(15,170,163,.34) !important;
  color:#087671 !important;
}

body.miniapp-body .product{
  border-color:rgba(16,32,39,.10) !important;
  box-shadow:0 14px 34px rgba(16,32,39,.09) !important;
}

body.miniapp-body .product-title{
  color:#14242c !important;
  letter-spacing:0 !important;
}

body.miniapp-body .desc,
body.miniapp-body .section-head b{
  color:var(--sn183-mini-muted) !important;
}

body.miniapp-body .price{
  color:#e5484d !important;
}

body.miniapp-body .stock{
  background:#f3fffc !important;
  color:#087671 !important;
}

body.miniapp-body .product-actions .add,
body.miniapp-body .add{
  background:linear-gradient(135deg,#0faaa3,#1976d2) !important;
  color:#fff !important;
}

body.miniapp-body .detail-btn{
  background:#fff7ed !important;
  color:#c2410c !important;
  border:1px solid rgba(245,184,75,.32) !important;
}

body.miniapp-body .bottom-bar{
  border-top:1px solid rgba(16,32,39,.10) !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 -14px 34px rgba(16,32,39,.10) !important;
  backdrop-filter:blur(18px) !important;
}

body.miniapp-body .bottom-cart{
  background:#fff !important;
  color:#334155 !important;
  border:1px solid rgba(15,23,42,.10) !important;
}

body.miniapp-body input,
body.miniapp-body select,
body.miniapp-body textarea{
  border-radius:14px !important;
  border-color:rgba(16,32,39,.14) !important;
}

body.miniapp-body input:focus,
body.miniapp-body select:focus,
body.miniapp-body textarea:focus{
  border-color:rgba(15,170,163,.55) !important;
  box-shadow:0 0 0 4px rgba(15,170,163,.12) !important;
  outline:none !important;
}

/* === source: shopnegar_test_report_fix_v184.css === */
/* ShopNegar test-report fixes v184 (2026-05-15) */

/* Restore readable dark sidebar (v183 light sidebar clashed with base styles) */
body:not(.miniapp-body) .sidebar{
  color:#fff !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(23,214,190,.22), transparent 32%),
    linear-gradient(180deg, #06191d, #0b2c31) !important;
  border-left:0 !important;
}
body:not(.miniapp-body) .brand-subtitle,
body:not(.miniapp-body) .nav-section-title,
body:not(.miniapp-body) .user-pill small{
  color:#a7f3e7 !important;
}
body:not(.miniapp-body) .nav-item{
  color:#ddfcf6 !important;
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
  transform:none !important;
}
body:not(.miniapp-body) .nav-item b{
  color:inherit !important;
}
body:not(.miniapp-body) .nav-item:hover{
  background:rgba(255,255,255,.08) !important;
}
body:not(.miniapp-body) .nav-item.active{
  background:linear-gradient(135deg,#a7f3e7,#fff7d6) !important;
  color:#062024 !important;
}
body:not(.miniapp-body) .nav-item.active span,
body:not(.miniapp-body) .nav-item.active b{
  color:#062024 !important;
}
body:not(.miniapp-body) .brand-card{
  background:rgba(255,255,255,.07) !important;
  border-color:rgba(23,214,190,.22) !important;
}

body:not(.miniapp-body) button.active,
body:not(.miniapp-body) .btn.active,
body:not(.miniapp-body) .data-tab.active,
body:not(.miniapp-body) [aria-selected="true"]:not(.nav-item),
body:not(.miniapp-body) [data-state="active"]{
  background:linear-gradient(135deg,#0faaa3,#1976d2) !important;
  border-color:transparent !important;
  color:#fff !important;
}
body:not(.miniapp-body) button.active *,
body:not(.miniapp-body) .btn.active *,
body:not(.miniapp-body) .data-tab.active *,
body:not(.miniapp-body) [aria-selected="true"]:not(.nav-item) *,
body:not(.miniapp-body) [data-state="active"] *{
  color:inherit !important;
}
body:not(.miniapp-body) button:focus-visible,
body:not(.miniapp-body) .btn:focus-visible,
body:not(.miniapp-body) .nav-item:focus-visible,
body.miniapp-body button:focus-visible{
  outline:3px solid rgba(25,201,194,.35) !important;
  outline-offset:2px !important;
}

body.miniapp-body .chip.active,
body.miniapp-body [aria-selected="true"],
body.miniapp-body [data-state="active"]{
  background:#dffcf5 !important;
  border-color:rgba(15,170,163,.34) !important;
  color:#062024 !important;
}

.ng-help-link-v185{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 12px;
  border-radius:14px;
  background:#f0fdfa;
  border:1px solid rgba(15,170,163,.18);
  color:#0f766e !important;
  font-weight:900;
}
.ng-help-link-hero-v187{
  display:grid !important;
  justify-items:start;
  gap:4px;
  width:100%;
  min-height:64px;
  margin:12px 0 8px;
  padding:14px 16px;
  border-radius:18px;
  background:linear-gradient(135deg,#0faaa3,#0b68c7) !important;
  border:0;
  color:#fff !important;
  box-shadow:0 16px 34px rgba(11,104,199,.18);
  text-decoration:none;
}
.ng-help-link-hero-v187 span,
.ng-help-link-hero-v187 small{
  color:#fff !important;
}
.ng-help-link-hero-v187 small{
  opacity:.9;
  font-size:12px;
  line-height:1.8;
}
.public-help-highlight-v187{
  background:#fff7d6 !important;
  color:#6b3f05 !important;
  border:1px solid rgba(217,119,6,.22) !important;
  box-shadow:0 8px 18px rgba(217,119,6,.10);
}
body:not(.miniapp-body) .help-nav-highlight-v187{
  background:rgba(255,247,214,.12) !important;
  border-color:rgba(255,247,214,.24) !important;
}
body:not(.miniapp-body) .help-nav-highlight-v187:not(.active) b,
body:not(.miniapp-body) .help-nav-highlight-v187:not(.active) span{
  color:#fff7d6 !important;
}
.sn185-help-page{
  width:min(1100px,100%);
  margin:0 auto;
  padding:18px;
}
.sn185-help-hero{
  padding:24px;
  border-radius:24px;
  background:linear-gradient(135deg,#fff,#effdfa);
  border:1px solid rgba(15,170,163,.14);
  box-shadow:0 18px 46px rgba(16,32,39,.08);
  margin-bottom:16px;
}
.sn185-help-hero-wide{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,320px);
  gap:18px;
  align-items:start;
}
.sn187-guide-hero{
  background:
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(240,253,250,.96)),
    radial-gradient(circle at 15% 0%, rgba(11,104,199,.12), transparent 35%);
  border-color:rgba(11,104,199,.12);
}
.sn187-guide-hero h1{
  font-size:clamp(25px,3vw,40px);
}
.sn187-guide-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}
.sn187-guide-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:8px 13px;
  border-radius:14px;
  background:#0faaa3;
  color:#fff !important;
  font-weight:950;
  text-decoration:none;
}
.sn187-guide-actions a:nth-child(2){
  background:#fff;
  color:#0f5f63 !important;
  border:1px solid rgba(15,170,163,.18);
}
.sn185-help-hero h1{
  margin:8px 0;
  color:#102027;
  line-height:1.55;
}
.sn185-help-hero p,
.sn185-help-grid p,
.sn185-help-grid li,
.sn185-help-admin p,
.sn185-help-admin li{
  line-height:1.95;
}
.sn185-help-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.sn185-help-grid-3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.sn185-help-grid article{
  padding:18px;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 10px 26px rgba(16,32,39,.06);
}
.sn185-help-grid h2{
  margin:0 0 10px;
  color:#102027;
  font-size:19px;
}
.sn185-help-grid h3,
.sn185-help-admin h3{
  margin:0 0 8px;
  color:#102027;
  font-size:16px;
  line-height:1.7;
}
.sn185-help-grid code,
.sn185-help-admin code{
  display:inline-flex;
  max-width:100%;
  direction:ltr;
  padding:6px 9px;
  border-radius:10px;
  background:#f8fafc;
  border:1px solid rgba(15,23,42,.08);
  overflow-wrap:anywhere;
}
.sn185-help-toc{
  display:grid;
  gap:9px;
}
.sn185-help-toc a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:42px;
  padding:9px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(15,170,163,.14);
  color:#0f5f63 !important;
  font-weight:900;
  text-decoration:none;
}
.sn185-help-toc a:hover{
  background:#f0fdfa;
}
.sn185-help-alert,
.sn185-help-section{
  margin:14px 0;
  padding:18px;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 10px 26px rgba(16,32,39,.05);
}
.sn185-help-alert{
  background:#fffbeb;
  border-color:rgba(217,119,6,.22);
  color:#6b3f05;
  line-height:1.95;
}
.sn185-help-section h2,
.sn185-admin-help-start h2{
  margin:0 0 12px;
  color:#102027;
  line-height:1.65;
}
.sn185-step-badge{
  display:inline-grid;
  place-items:center;
  width:34px;
  height:34px;
  margin-bottom:10px;
  border-radius:12px;
  background:#0faaa3;
  color:#fff;
  font-weight:950;
}
.sn185-example{
  direction:ltr;
  display:block;
  margin:10px 0;
  padding:10px 12px;
  border-radius:13px;
  background:#f8fafc;
  border:1px solid rgba(15,23,42,.08);
  color:#102027;
  font-weight:900;
  overflow-wrap:anywhere;
  text-align:left;
}
.sn185-help-table{
  display:grid;
  gap:8px;
}
.sn185-help-table [role="row"]{
  display:grid;
  grid-template-columns:minmax(150px,.75fr) minmax(0,1.25fr);
  gap:10px;
  align-items:start;
  padding:11px 12px;
  border-radius:14px;
  background:#f8fafc;
  border:1px solid rgba(15,23,42,.07);
  line-height:1.9;
}
.sn185-help-table [role="row"]:first-child{
  background:#e8fbf7;
  color:#083f43;
  font-weight:950;
}
.sn185-help-table.compact [role="row"]{
  grid-template-columns:minmax(130px,.7fr) minmax(0,1.3fr);
}
.sn185-checklist,
.sn185-numbered-list{
  display:grid;
  gap:9px;
  margin:0;
  padding-inline-start:22px;
  line-height:1.95;
}
.sn185-checklist li::marker{
  color:#0faaa3;
}
.sn185-shot{
  margin-top:12px;
  min-height:88px;
  display:grid;
  place-items:center;
  text-align:center;
  border:1px dashed rgba(15,170,163,.28);
  border-radius:16px;
  background:linear-gradient(135deg,#f8ffff,#f8fafc);
  color:#64748b;
  font-weight:900;
}
.sn185-admin-help-start{
  margin-bottom:16px;
}
.sn187-step-list,
.sn187-admin-guide{
  display:grid;
  gap:16px;
}
.sn187-step-card{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:12px;
  padding:16px;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 10px 26px rgba(16,32,39,.05);
}
.sn187-step-card h3{
  margin:0 0 8px;
  color:#102027;
  line-height:1.7;
}
.sn187-shot{
  margin:14px 0 0;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(15,23,42,.10);
  background:#f8fafc;
  box-shadow:0 12px 28px rgba(15,23,42,.07);
}
.sn187-shot img{
  display:block;
  width:100%;
  height:auto;
  max-height:640px;
  object-fit:contain;
  object-position:top center;
  background:#fff;
}
.sn187-shot.small img{
  max-height:430px;
}
.sn187-shot.phone{
  width:min(100%,420px);
  margin-inline:auto;
}
.sn187-shot.phone img{
  max-height:720px;
}
.sn187-shot figcaption{
  padding:10px 12px;
  color:#475569;
  font-size:12px;
  font-weight:900;
  line-height:1.8;
  background:#fff;
  border-top:1px solid rgba(15,23,42,.08);
}
.sn187-admin-guide{
  grid-template-columns:1fr;
}
.sn187-admin-guide .sn-card{
  overflow:hidden;
}
.sn187-admin-guide-hero,
.sn187-admin-help-start{
  border:1px solid rgba(15,170,163,.14) !important;
  background:linear-gradient(135deg,#fff,#f0fdfa) !important;
}
.sn188-editable-help{
  direction:rtl;
  text-align:right;
}
.sn188-editable-help div{
  white-space:pre-line;
  line-height:2.15;
  color:#243447;
  font-size:14.5px;
}
.sn188-editable-help h2{
  color:#062024;
}
.sn188-help-editor textarea{
  width:100%;
  direction:rtl;
  text-align:right;
  line-height:2;
  border-radius:18px;
  border:1px solid rgba(15,170,163,.18);
  background:#fbfffe;
  padding:14px;
  resize:vertical;
}
.sn188-help-editor textarea:focus{
  outline:3px solid rgba(25,201,194,.22);
  border-color:#0faaa3;
}
@media(max-width:760px){
  .sn185-help-page{
    padding:10px;
  }
  .sn185-help-hero,
  .sn185-help-grid article{
    padding:15px;
    border-radius:18px;
  }
  .sn185-help-grid{
    grid-template-columns:1fr;
  }
  .sn185-help-hero-wide{
    grid-template-columns:1fr;
  }
  .sn185-help-table [role="row"],
  .sn185-help-table.compact [role="row"]{
    grid-template-columns:1fr;
  }
  .sn185-help-toc{
    grid-template-columns:1fr;
  }
  .sn187-step-card{
    grid-template-columns:1fr;
    padding:14px;
  }
  .sn187-shot img,
  .sn187-shot.small img{
    max-height:none;
  }
  .sn187-guide-actions{
    display:grid;
  }
  .ng-help-link-hero-v187{
    justify-items:stretch;
    text-align:right;
  }
}

body:not(.miniapp-body) .sidebar-collapse{
  margin-inline-start:auto !important;
  width:38px !important;
  min-width:38px !important;
  height:38px !important;
  min-height:38px !important;
  padding:0 !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.10) !important;
  color:#eafffb !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:none !important;
  font-size:24px !important;
  line-height:1 !important;
}

@media(min-width:861px){
  body.sidebar-collapsed:not(.miniapp-body) .app-shell{
    grid-template-columns:88px minmax(0,1fr) !important;
  }
  body.sidebar-collapsed:not(.miniapp-body) .sidebar{
    width:88px !important;
    padding:16px 10px !important;
    overflow-x:hidden !important;
  }
  body.sidebar-collapsed:not(.miniapp-body) .brand-card{
    justify-content:center !important;
    padding:10px !important;
    gap:0 !important;
  }
  body.sidebar-collapsed:not(.miniapp-body) .brand-card > div:not(.brand-logo-wrap),
  body.sidebar-collapsed:not(.miniapp-body) .nav-section-title,
  body.sidebar-collapsed:not(.miniapp-body) .nav-item b,
  body.sidebar-collapsed:not(.miniapp-body) .sidebar-footer{
    display:none !important;
  }
  body.sidebar-collapsed:not(.miniapp-body) .brand-logo-wrap{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
  }
  body.sidebar-collapsed:not(.miniapp-body) .nav-item{
    justify-content:center !important;
    padding:10px !important;
    min-height:48px !important;
  }
  body.sidebar-collapsed:not(.miniapp-body) .nav-item span{
    margin:0 !important;
  }
  body.sidebar-collapsed:not(.miniapp-body) .sidebar-collapse{
    position:fixed !important;
    top:14px !important;
    right:70px !important;
    transform:rotate(180deg) !important;
    background:#0faaa3 !important;
    z-index:60 !important;
  }
}

@media(max-width:860px){
  body:not(.miniapp-body) .sidebar-collapse{
    display:none !important;
  }
}

/* Persian digits in admin UI (Peyda does not swap numerals automatically) */
body:not(.miniapp-body) .num,
body:not(.miniapp-body) .metric,
body:not(.miniapp-body) td,
body:not(.miniapp-body) .card-subtitle,
body:not(.miniapp-body) .page-hero,
body:not(.miniapp-body) .data-entry-form{
  font-feature-settings:"ss02" !important;
}

/* Data grid modal layout */
body:not(.miniapp-body) .data-modal-card{
  width:min(1120px,96vw) !important;
}
body:not(.miniapp-body) .data-entry-form.form-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
}
@media (max-width:860px){
  body:not(.miniapp-body) .data-entry-form.form-grid{
    grid-template-columns:1fr !important;
  }
}
body:not(.miniapp-body) tr.data-grid-row:hover td{
  background:#f0fffc !important;
}
body:not(.miniapp-body) .pro-grid-table th{
  white-space:nowrap;
  font-size:12px;
}

/* Keep dense docs/catalog content inside the admin viewport. */
body:not(.miniapp-body) .doc-layout-v112,
body:not(.miniapp-body) .doc-content-v112,
body:not(.miniapp-body) .doc-section-v112,
body:not(.miniapp-body) .doc-hero-v112{
  min-width:0 !important;
  max-width:100% !important;
}
body:not(.miniapp-body) .doc-code-v112,
body:not(.miniapp-body) .doc-table-v112,
body:not(.miniapp-body) .plans-matrix-wrap-v104{
  max-width:100% !important;
  overflow-x:auto !important;
}
@media(max-width:1500px){
  body:not(.miniapp-body) .doc-layout-v112{
    grid-template-columns:220px minmax(0,1fr) !important;
    gap:14px !important;
  }
  body:not(.miniapp-body) .doc-hero-v112{
    padding:22px !important;
  }
  body:not(.miniapp-body) .doc-section-v112{
    padding:20px !important;
  }
}
body:not(.miniapp-body) .doc-section-v112 p,
body:not(.miniapp-body) .doc-section-v112 li,
body:not(.miniapp-body) .doc-section-v112 td{
  overflow-wrap:anywhere;
}

/* Larger tap targets for repeated row actions in operational tables. */
body:not(.miniapp-body) .sn-orders-v172 .row-actions button,
body:not(.miniapp-body) .sn-orders-v172 .quick-status button,
body:not(.miniapp-body) .sn-cat-v171 .cat-actions button,
body:not(.miniapp-body) .sn-cat-v171 .cat-form button{
  min-height:44px !important;
  padding:9px 13px !important;
}
body:not(.miniapp-body) .sn-orders-v172 .sort-btn,
body:not(.miniapp-body) .sn-orders-v172 th button.sort-btn,
body:not(.miniapp-body) .sn-cat-v171 .sort-btn,
body:not(.miniapp-body) .sn-cat-v171 th button.sort-btn,
body:not(.miniapp-body) .sn-reports-v173 .sort-btn,
body:not(.miniapp-body) .sn-reports-v173 th button.sort-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:44px !important;
  min-height:40px !important;
  padding:0 8px !important;
}

@media(max-width:720px){
  body:not(.miniapp-body) .doc-hero-v112,
  body:not(.miniapp-body) .doc-section-v112{
    border-radius:18px !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 .row-actions,
  body:not(.miniapp-body) .sn-cat-v171 .cat-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 .row-actions form,
  body:not(.miniapp-body) .sn-orders-v172 .row-actions button,
  body:not(.miniapp-body) .sn-cat-v171 .cat-actions form,
  body:not(.miniapp-body) .sn-cat-v171 .cat-actions button{
    width:100% !important;
  }
}

/* Mobile seller panel: keep the workflow compact instead of turning every block into tall cards. */
@media(max-width:760px){
  body:not(.miniapp-body) .content-wrap{
    padding:12px 10px 78px !important;
  }
  body:not(.miniapp-body) .page-hero,
  body:not(.miniapp-body) .page-head,
  body:not(.miniapp-body) .sn-hero,
  body:not(.miniapp-body) .workdesk-hero-v016{
    padding:14px !important;
    border-radius:16px !important;
    margin-bottom:12px !important;
    gap:10px !important;
  }
  body:not(.miniapp-body) .workdesk-hero-v016{
    display:grid !important;
  }
  body:not(.miniapp-body) .page-title,
  body:not(.miniapp-body) .page-head h1,
  body:not(.miniapp-body) .sn-hero h1,
  body:not(.miniapp-body) .workdesk-hero-v016 h1{
    font-size:21px !important;
    line-height:1.55 !important;
    margin:4px 0 !important;
  }
  body:not(.miniapp-body) .muted,
  body:not(.miniapp-body) .card-subtitle{
    line-height:1.75 !important;
  }
  body:not(.miniapp-body) .card,
  body:not(.miniapp-body) .sn-card,
  body:not(.miniapp-body) .workdesk-card-v016{
    padding:13px !important;
    border-radius:16px !important;
    margin-bottom:12px !important;
  }
  body:not(.miniapp-body) .sn-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px !important;
  }
  body:not(.miniapp-body) .sn-metrics .sn-card{
    min-height:72px !important;
    padding:12px !important;
  }
  body:not(.miniapp-body) .sn-sub{
    font-size:11px !important;
  }
  body:not(.miniapp-body) .sn-num,
  body:not(.miniapp-body) .num{
    font-size:20px !important;
    line-height:1.35 !important;
    overflow-wrap:anywhere !important;
  }
  body:not(.miniapp-body) .sn-actions,
  body:not(.miniapp-body) .workdesk-actions-v016{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    width:100% !important;
  }
  body:not(.miniapp-body) .sn-actions .btn,
  body:not(.miniapp-body) .sn-actions button,
  body:not(.miniapp-body) .workdesk-actions-v016 .btn{
    width:100% !important;
    min-height:38px !important;
    padding:8px 10px !important;
    font-size:12px !important;
    line-height:1.45 !important;
    white-space:normal !important;
  }
  body:not(.miniapp-body) .workdesk-alert-v016{
    display:grid !important;
    gap:10px !important;
    padding:12px !important;
  }
  body:not(.miniapp-body) .workdesk-grid-v016{
    gap:10px !important;
    margin-bottom:10px !important;
  }
  body:not(.miniapp-body) .pro-task-list-v016 .task-row,
  body:not(.miniapp-body) .setup-progress-v016 .check-row{
    padding:9px 10px !important;
    border-radius:13px !important;
  }
  body:not(.miniapp-body) .workdesk-orders-v016{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  body:not(.miniapp-body) .workdesk-orders-v016 .order-card{
    min-height:0 !important;
    padding:10px !important;
    border-radius:14px !important;
  }
  body:not(.miniapp-body) .toolbar{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding:8px !important;
  }
  body:not(.miniapp-body) .toolbar input,
  body:not(.miniapp-body) .toolbar select,
  body:not(.miniapp-body) .toolbar button{
    min-width:0 !important;
    width:100% !important;
  }
  body:not(.miniapp-body) #sn84-plan-button{
    display:none !important;
  }
  body:not(.miniapp-body) .sn-toast-container{
    position:static !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    max-width:none !important;
    margin:0 10px 12px !important;
  }
  body:not(.miniapp-body) .sn-toast{
    border-radius:14px !important;
    padding:10px 12px !important;
    line-height:1.65 !important;
  }
}

@media(max-width:420px){
  body:not(.miniapp-body) .sn-actions,
  body:not(.miniapp-body) .workdesk-actions-v016{
    grid-template-columns:1fr !important;
  }
}

/* Operational tables stay as compact horizontal tables on mobile, not oversized card stacks. */
@media(max-width:680px){
  body:not(.miniapp-body) .table-wrap.sn-mobile-collapse{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    background:#fff !important;
    border-radius:14px !important;
  }
  body:not(.miniapp-body) .table-wrap.sn-mobile-collapse table{
    display:table !important;
    width:100% !important;
    min-width:620px !important;
    max-width:none !important;
    border-collapse:separate !important;
  }
  body:not(.miniapp-body) .table-wrap.sn-mobile-collapse thead{
    display:table-header-group !important;
  }
  body:not(.miniapp-body) .table-wrap.sn-mobile-collapse tbody{
    display:table-row-group !important;
  }
  body:not(.miniapp-body) .table-wrap.sn-mobile-collapse tr{
    display:table-row !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
  }
  body:not(.miniapp-body) .table-wrap.sn-mobile-collapse th,
  body:not(.miniapp-body) .table-wrap.sn-mobile-collapse td{
    display:table-cell !important;
    width:auto !important;
    min-width:0 !important;
    border-bottom:1px solid #e8f1f3 !important;
    padding:10px 11px !important;
    text-align:right !important;
    vertical-align:middle !important;
    white-space:normal !important;
  }
  body:not(.miniapp-body) .table-wrap.sn-mobile-collapse td::before{
    content:none !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 .orders-table-wrap{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    padding:0 !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 table{
    display:table !important;
    min-width:980px !important;
    width:100% !important;
    max-width:none !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 thead{
    display:table-header-group !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 tbody{
    display:table-row-group !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 tbody tr{
    display:table-row !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:transparent !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 tbody td{
    display:table-cell !important;
    width:auto !important;
    min-width:0 !important;
    border-bottom:1px solid #e8f1f3 !important;
    padding:10px 11px !important;
    text-align:right !important;
    vertical-align:middle !important;
    white-space:normal !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 tbody td::before{
    content:none !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 .row-actions{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:6px !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 .row-actions button{
    min-height:34px !important;
    padding:6px 9px !important;
    font-size:11.5px !important;
  }
}

/* Seller order workdesk cards: denser cards and action rows on phones. */
@media(max-width:760px){
  body:not(.miniapp-body) .order-board{
    display:grid !important;
    gap:10px !important;
  }
  body:not(.miniapp-body) .order-card,
  body:not(.miniapp-body) .order-card.pro{
    padding:12px !important;
    border-radius:16px !important;
    min-height:0 !important;
  }
  body:not(.miniapp-body) .order-top{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    gap:10px !important;
  }
  body:not(.miniapp-body) .badges{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:6px !important;
  }
  body:not(.miniapp-body) .badges span{
    font-size:11px !important;
    line-height:1.5 !important;
    padding:5px 8px !important;
  }
  body:not(.miniapp-body) .order-actions{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
  }
  body:not(.miniapp-body) .order-actions form,
  body:not(.miniapp-body) .order-actions button{
    width:100% !important;
    min-width:0 !important;
  }
  body:not(.miniapp-body) .order-actions .mini,
  body:not(.miniapp-body) .order-actions button{
    min-height:36px !important;
    padding:6px 7px !important;
    border-radius:11px !important;
    font-size:11.5px !important;
    line-height:1.45 !important;
    white-space:normal !important;
  }
}

@media(max-width:420px){
  body:not(.miniapp-body) .order-actions{
    grid-template-columns:1fr 1fr !important;
  }
}

/* Miniapp: restore native compact rhythm while keeping product actions stable. */
body.miniapp-body .quick-actions-mini button{
  min-height:40px !important;
  padding:8px 10px !important;
}
body.miniapp-body .section-head button,
body.miniapp-body .sn145-search-clear{
  min-width:36px !important;
  min-height:36px !important;
}
body.miniapp-body .chip{
  min-height:36px !important;
  padding:7px 12px !important;
}
body.miniapp-body .attr-more{
  min-height:36px !important;
}
body.miniapp-body .product-actions{
  grid-template-columns:1fr 38px !important;
  gap:6px !important;
}
body.miniapp-body .product-actions .detail-btn{
  width:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  padding:0 !important;
}

@media (max-width:520px){
  body.miniapp-body .hero{
    display:grid !important;
    grid-template-columns:1fr !important;
    min-height:0 !important;
    padding:13px !important;
    gap:10px !important;
  }
  body.miniapp-body .brand-area{
    display:grid !important;
    grid-template-columns:50px minmax(0,1fr) !important;
    width:100% !important;
    min-width:0 !important;
    gap:10px !important;
    align-items:center !important;
  }
  body.miniapp-body .brand-copy{
    min-width:0 !important;
  }
  body.miniapp-body .brand-copy h1,
  body.miniapp-body .hero h1{
    display:block !important;
    overflow:visible !important;
    -webkit-line-clamp:unset !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    font-size:18px !important;
    line-height:1.5 !important;
  }
  body.miniapp-body .brand-copy p,
  body.miniapp-body .hero p{
    display:block !important;
    overflow:visible !important;
    -webkit-line-clamp:unset !important;
    white-space:normal !important;
  }
  body.miniapp-body .brand-mark{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
  }
  body.miniapp-body .cart-pill{
    width:100% !important;
    height:42px !important;
    min-width:0 !important;
    min-height:42px !important;
    border-radius:16px !important;
    display:flex !important;
    flex-direction:row !important;
    justify-content:center !important;
    gap:8px !important;
  }
  body.miniapp-body .product-actions{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 38px !important;
    align-items:stretch !important;
  }
  body.miniapp-body .product-actions .add{
    min-width:0 !important;
  }
  body.miniapp-body .product-actions .detail-btn{
    width:38px !important;
    min-width:38px !important;
    min-height:38px !important;
  }
}

/* === source: shopnegar_support_v189.css === */
.support-ticket-list{display:grid;gap:14px}
.ticket-card{border:1px solid #dbe7ee!important;box-shadow:0 10px 28px rgba(15,23,42,.06)!important}
.ticket-card.danger-soft{border-color:#fecaca!important;background:#fff7f7!important}
.ticket-thread{display:grid;gap:8px;margin:12px 0}
.ticket-message{padding:10px 12px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0}
.ticket-message b{display:block;color:#0f172a;margin-bottom:4px}
.ticket-message p{margin:0;color:#334155;line-height:1.9;white-space:pre-wrap}
.ticket-message.shop_admin,.ticket-message.platform_admin{background:#eef6ff;border-color:#bfdbfe}
.ticket-message.customer{background:#f8fafc}
.receipt-note p{margin:4px 0 0;white-space:pre-wrap}
.form-grid.compact{gap:10px}
.sn-compact-actions form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.sn-compact-actions input{min-height:34px;max-width:180px}
@media(max-width:720px){
  .section-head{align-items:flex-start!important}
  .sn-compact-actions{justify-content:flex-start}
  .sn-compact-actions form{width:100%}
  .sn-compact-actions input{max-width:none;flex:1 1 150px}
}

.panel-topbar-v190{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 18px 0;position:relative;z-index:5}
.notification-chip-v190{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 13px;border-radius:14px;background:#fff;border:1px solid #dbe7ee;color:#0f172a;text-decoration:none;font-weight:950;box-shadow:0 8px 22px rgba(15,23,42,.055)}
.notification-chip-v190.has-unread{border-color:#06b6d4;background:#ecfeff}
.notification-chip-v190 b{display:grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:#0891b2;color:#fff;font-size:12px}
.nav-item small{margin-right:auto;background:#0891b2;color:#fff;border-radius:999px;min-width:20px;height:20px;display:grid;place-items:center;font-size:11px;padding:0 6px}
.notification-strip-v190{display:flex;gap:8px;overflow:auto;scrollbar-width:none;max-width:min(760px,70vw)}
.notification-strip-v190::-webkit-scrollbar{display:none}
.notification-strip-v190 a{display:block;min-width:210px;max-width:260px;padding:9px 11px;border-radius:14px;border:1px solid #e2e8f0;background:#fff;color:#0f172a;text-decoration:none}
.notification-strip-v190 a.unread{border-color:#67e8f9;background:#f0fdfa}
.notification-strip-v190 strong{display:block;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notification-strip-v190 small{display:block;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
.notification-center-v190{display:grid;gap:10px}
.notification-row-v190{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid #e2e8f0;border-radius:18px;background:#fff;padding:12px}
.notification-row-v190.unread{background:#f0fdfa;border-color:#67e8f9}
.notification-row-v190.warning{border-right:5px solid #f59e0b}
.notification-row-v190.danger{border-right:5px solid #ef4444}
.notification-row-v190.success{border-right:5px solid #10b981}
.notification-main-v190{text-decoration:none;color:#0f172a}
.notification-main-v190 b{display:block;margin-bottom:4px}
.notification-main-v190 p{margin:0;color:#475569;line-height:1.8}
.notification-main-v190 small{display:block;color:#64748b;margin-top:4px}
.notification-actions-v190{display:flex;gap:6px;flex-wrap:wrap}
body:not(.miniapp-body) .sn-toast-container{top:auto!important;bottom:18px!important;left:18px!important;right:auto!important;max-width:min(360px,calc(100vw - 36px))!important;pointer-events:none}
body:not(.miniapp-body) .sn-toast{pointer-events:auto;cursor:pointer}
body:not(.miniapp-body) .sn-toast-x{float:left;border:0;background:#f1f5f9;color:#334155;border-radius:999px;width:24px;height:24px;line-height:22px;margin:0 8px 2px 0}
@media(max-width:760px){
  .panel-topbar-v190{margin:8px 10px 0;align-items:stretch;flex-direction:column}
  .notification-strip-v190{max-width:100%}
  .notification-row-v190{grid-template-columns:1fr}
}

/* === source: shopnegar_sidebar_hotfix_v191.css === */

/* ShopNegar sidebar hotfix v191 */
body:not(.miniapp-body) .sidebar-close{
  display:none!important;
}

body:not(.miniapp-body) .sidebar-collapse{
  position:absolute!important;
  left:10px!important;
  top:10px!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  background:#0ea5b7!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 10px 24px rgba(14,165,183,.22)!important;
  z-index:20!important;
  cursor:pointer!important;
}

body:not(.miniapp-body).sidebar-collapsed .sidebar{
  width:76px!important;
  min-width:76px!important;
  overflow:visible!important;
}

body:not(.miniapp-body).sidebar-collapsed .main{
  margin-right:76px!important;
}

body:not(.miniapp-body).sidebar-collapsed .sidebar .brand-title,
body:not(.miniapp-body).sidebar-collapsed .sidebar .brand-subtitle,
body:not(.miniapp-body).sidebar-collapsed .sidebar .nav-section-title,
body:not(.miniapp-body).sidebar-collapsed .sidebar .nav-item b,
body:not(.miniapp-body).sidebar-collapsed .sidebar .nav-item small,
body:not(.miniapp-body).sidebar-collapsed .sidebar .sidebar-footer{
  display:none!important;
}

body:not(.miniapp-body).sidebar-collapsed .sidebar .brand-card{
  justify-content:center!important;
  padding-top:52px!important;
}

body:not(.miniapp-body).sidebar-collapsed .sidebar .nav-item{
  width:52px!important;
  height:52px!important;
  padding:0!important;
  justify-content:center!important;
  margin-inline:auto!important;
}

body:not(.miniapp-body).sidebar-collapsed .sidebar .nav-item span{
  margin:0!important;
  font-size:20px!important;
}

@media(max-width:860px){
  body:not(.miniapp-body) .sidebar-collapse{
    display:none!important;
  }

  body:not(.miniapp-body) .sidebar{
    transform:translateX(110%)!important;
    transition:transform .22s ease!important;
  }

  body:not(.miniapp-body).sidebar-open .sidebar,
  body:not(.miniapp-body) .sidebar.open{
    transform:translateX(0)!important;
  }

  body:not(.miniapp-body) .main{
    margin-right:0!important;
  }

  body:not(.miniapp-body).sidebar-collapsed .main{
    margin-right:0!important;
  }
}


/* ShopNegar Commercial 1.0.0 — setup SLA workflow */
.sn-sla-card,.sn-sla-detail{border:1px solid rgba(15,76,92,.2);background:linear-gradient(135deg,rgba(15,76,92,.06),rgba(25,201,194,.04));border-radius:18px;padding:14px;margin-top:12px}
.sn-sla-card.is-overdue,.sn-sla-detail.is-overdue{border-color:rgba(185,28,28,.35);background:linear-gradient(135deg,rgba(220,38,38,.08),rgba(255,255,255,.8))}
.sn-sla-card.is-complete,.sn-sla-detail.is-complete{border-color:rgba(22,101,52,.24);background:linear-gradient(135deg,rgba(22,163,74,.06),rgba(255,255,255,.9))}
.sn-sla-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.sn-sla-head strong{font-size:13px}.sn-sla-badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:999px;padding:6px 10px;background:#0f4c5c;color:#fff;font-weight:800;font-size:11px}
.sn-sla-card.is-overdue .sn-sla-badge,.sn-sla-detail.is-overdue .sn-sla-badge{background:#b91c1c}.sn-sla-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:10px;color:var(--muted,#64748b);font-size:12px}.sn-sla-card p{margin:9px 0 0;line-height:1.8;font-size:12px}
.sn-sla-detail{margin-bottom:18px}.sn-sla-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sn-sla-detail-grid>div{display:grid;gap:5px;padding:12px;border:1px solid rgba(15,76,92,.12);border-radius:14px;background:rgba(255,255,255,.72)}.sn-sla-detail-grid span,.sn-sla-note span{font-size:11px;color:var(--muted,#64748b)}.sn-sla-detail-grid b{font-size:13px;word-break:break-word}.sn-sla-note{margin-top:12px;padding:12px;border-radius:14px;background:rgba(255,255,255,.7)}.sn-sla-note p{margin:4px 0 0;line-height:1.9;white-space:pre-wrap}
@media(max-width:900px){.sn-sla-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.sn-sla-detail-grid{grid-template-columns:1fr}.sn-sla-head{align-items:flex-start;flex-direction:column}}