/* ============================================================
   Nobatyar public styles — v3.3 FULL REWRITE (mobile-first)
   Base layer = plain CSS that every Android engine understands.
   NO color-mix, NO :has, NO backdrop-filter in the base layer.
   Desktop gets glass/gradient enhancements via min-width queries.
   ============================================================ */

/* ---------- tokens ---------- */
.ny-app{
	--ny-primary:#2563eb;
	--ny-secondary:#4f46e5;
	--ny-success:#22c55e;
	--ny-radius:16px;
	--ny-bg:#f2f6ff;
	--ny-card:#ffffff;
	--ny-text:#1c1c1e;
	--ny-muted:#64748b;
	--ny-border:#dbe2ea;
	--ny-soft:#f1f5f9;
	--ny-input:#ffffff;
}
.ny-app.ny-dark{
	--ny-bg:#0f172a;
	--ny-card:#1e293b;
	--ny-text:#eef2f8;
	--ny-muted:#9aa5b5;
	--ny-border:#334155;
	--ny-soft:#293548;
	--ny-input:#16213a;
}

/* ---------- base / reset ---------- */
.ny-app{
	direction:rtl;
	font-family:'Vazirmatn',Tahoma,sans-serif;
	color:var(--ny-text);
	background:var(--ny-bg);
	padding:12px;
	border-radius:18px;
	line-height:1.9;
	width:100%;
	max-width:100%;
	overflow-x:hidden;
	box-sizing:border-box;
	-webkit-tap-highlight-color:transparent;
}
.ny-app *,.ny-app *::before,.ny-app *::after{box-sizing:border-box;min-width:0}
.ny-app img{max-width:100%;height:auto}
.ny-app h1,.ny-app h2,.ny-app h3,.ny-app h4,.ny-app p,.ny-app label,
.ny-app div,.ny-app td,.ny-app th,.ny-app li,.ny-app small,.ny-app strong,
.ny-app b,.ny-app span{color:var(--ny-text);overflow-wrap:anywhere}
.ny-hidden{display:none!important}
.ny-center{text-align:center}
.ny-muted{color:var(--ny-muted)!important;font-size:13px}
.ny-mt{margin-top:14px}

/* ---------- inputs ---------- */
.ny-app input,.ny-app select,.ny-app textarea{
	font-family:inherit;
	width:100%;
	padding:12px 14px;
	font-size:16px; /* prevents mobile zoom */
	border:1.5px solid var(--ny-border);
	border-radius:12px;
	background:var(--ny-input);
	color:var(--ny-text);
	outline:none;
	-webkit-appearance:none;
	appearance:none;
}
.ny-app select{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2364748b'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:14px center;
	padding-left:32px;
}
.ny-app input:focus,.ny-app select:focus,.ny-app textarea:focus{
	border-color:var(--ny-primary);
	box-shadow:0 0 0 3px rgba(14,165,165,.18);
}
.ny-app input::placeholder,.ny-app textarea::placeholder{color:var(--ny-muted);opacity:.8}
.ny-app select option{background:var(--ny-card);color:var(--ny-text)}
.ny-app input[type=checkbox]{
	width:20px;height:20px;min-width:20px;padding:0;
	accent-color:var(--ny-primary);-webkit-appearance:checkbox;appearance:auto;
}
.ny-field{margin-bottom:14px}
.ny-field label{display:block;font-weight:700;font-size:13px;margin-bottom:5px}
.ny-otp-inputs{direction:ltr;text-align:center;letter-spacing:6px;font-size:20px;font-weight:800}

/* ---------- buttons ---------- */
.ny-btn{
	display:inline-flex;align-items:center;justify-content:center;gap:7px;
	cursor:pointer;border:none;
	width:100%;
	padding:13px 20px;
	border-radius:999px;
	font-family:inherit;font-size:15px;font-weight:700;
	background:var(--ny-primary);
	background-image:linear-gradient(135deg,var(--ny-primary),var(--ny-secondary));
	color:#fff!important;
	text-decoration:none;
	box-shadow:0 5px 16px rgba(14,165,165,.35);
}
.ny-btn:active{opacity:.85}
.ny-btn.ny-btn-ghost{
	background:var(--ny-card);
	background-image:none;
	border:2px solid var(--ny-primary);
	color:var(--ny-primary)!important;
	box-shadow:none;
}
.ny-btn.ny-btn-danger{background:#ef4444;background-image:linear-gradient(135deg,#ef4444,#f43f5e)}
.ny-btn:disabled{opacity:.5;cursor:not-allowed}
.ny-theme-toggle{
	cursor:pointer;background:var(--ny-card);border:1.5px solid var(--ny-border);
	color:var(--ny-text);border-radius:999px;padding:10px 16px;
	font-family:inherit;font-size:13px;font-weight:600;white-space:nowrap;
}

/* ---------- cards ---------- */
.ny-card{
	background:var(--ny-card);
	border:1px solid var(--ny-border);
	border-radius:var(--ny-radius);
	padding:16px;
	margin-bottom:14px;
	box-shadow:0 2px 10px rgba(15,23,42,.06);
	max-width:100%;
}

/* ---------- header ---------- */
.ny-header{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.ny-title{font-size:19px;font-weight:800;margin:0;text-align:center}
.ny-header>div{display:flex;gap:8px;width:100%}
.ny-account-btn{flex:1;padding:11px 12px;font-size:14px}

/* ---------- wizard steps ---------- */
.ny-steps{
	display:flex;gap:4px;margin-bottom:16px;padding:4px;border-radius:999px;
	background:var(--ny-soft);border:1px solid var(--ny-border);
	overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;
}
.ny-steps::-webkit-scrollbar{display:none}
.ny-step{
	flex:1 0 auto;text-align:center;padding:8px 10px;border-radius:999px;
	color:var(--ny-muted);font-size:11px;font-weight:700;white-space:nowrap;
}
.ny-step.active{background:var(--ny-card);color:var(--ny-primary);box-shadow:0 2px 8px rgba(0,0,0,.12)}
.ny-step.done{color:var(--ny-primary)}

/* ---------- grids ---------- */
.ny-grid{display:grid;gap:10px;width:100%}
.ny-grid-2{grid-template-columns:1fr}
.ny-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}

/* ---------- department cards ---------- */
.ny-dep-card{
	display:flex;gap:12px;align-items:center;cursor:pointer;padding:14px;
	border:1.5px solid var(--ny-border);border-radius:var(--ny-radius);
	background:var(--ny-card);box-shadow:0 2px 10px rgba(15,23,42,.06);
}
.ny-dep-card.selected{border-color:var(--ny-primary)}
.ny-dep-icon{
	width:48px;height:48px;min-width:48px;border-radius:14px;
	display:flex;align-items:center;justify-content:center;font-size:24px;
	background:rgba(14,165,165,.13);border:1px solid var(--ny-border);
}
.ny-dep-name{font-weight:800;font-size:15px}

/* ---------- doctor cards ---------- */
.ny-doctor-card{
	position:relative;overflow:hidden;text-align:center;cursor:pointer;
	border:1.5px solid var(--ny-border);border-radius:var(--ny-radius);
	padding:14px 8px;background:var(--ny-card);
	box-shadow:0 2px 10px rgba(15,23,42,.06);
}
.ny-doctor-card.selected{border-color:var(--ny-primary);box-shadow:0 4px 16px rgba(14,165,165,.25)}
.ny-avatar{
	width:70px;height:70px;border-radius:50%;object-fit:cover;margin:0 auto 8px;
	display:block;background:var(--ny-soft);
	border:3px solid var(--ny-primary);
}
.ny-avatar-lg{width:120px;height:120px}
.ny-doctor-name{font-weight:800;font-size:14px;margin:0 0 3px}
.ny-doctor-meta{color:var(--ny-muted)!important;font-size:12px}
/* star (sub-specialist) */
.ny-doctor-star{border-color:#d4a72c;background:#fffaf0}
.ny-app.ny-dark .ny-doctor-star{background:#2a2517}
.ny-doctor-star .ny-avatar{border-color:#d4a72c}
.ny-star-ribbon{
	position:absolute;top:10px;right:-34px;transform:rotate(38deg);
	background:#f7c948;background-image:linear-gradient(135deg,#f7c948,#d4a72c);
	padding:3px 38px;font-size:10px;font-weight:800;color:#5b4300!important;white-space:nowrap;
}
.ny-rate-line{margin-top:5px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;flex-wrap:wrap}
.ny-stars-static{color:#f7c948!important;font-size:14px;letter-spacing:2px}

/* ---------- badges ---------- */
.ny-badge{display:inline-block;padding:3px 12px;border-radius:999px;font-size:11.5px;font-weight:700}
.ny-badge-teal{background:rgba(14,165,165,.13);color:var(--ny-primary)!important}
.ny-badge-green{background:#dcfce7;color:#15803d!important}
.ny-badge-red{background:#fee2e2;color:#b91c1c!important}
.ny-badge-amber{background:#fef3c7;color:#b45309!important}
.ny-badge-gray{background:var(--ny-soft);color:var(--ny-muted)!important}
.ny-badge-gold{background:#fdf3d7;border:1px solid #e5c55f;color:#a87e12!important}
.ny-app.ny-dark .ny-badge-green{background:#14351f;color:#4ade80!important}
.ny-app.ny-dark .ny-badge-red{background:#3b1a1a;color:#f87171!important}
.ny-app.ny-dark .ny-badge-amber{background:#3a2c12;color:#fbbf24!important}
.ny-app.ny-dark .ny-badge-gold{background:#3a2f10;color:#f7c948!important}

/* ---------- days & slots ---------- */
.ny-days{
	display:flex;gap:8px;overflow-x:auto;padding:4px 2px 8px;
	-webkit-overflow-scrolling:touch;max-width:100%;
}
.ny-day{
	min-width:118px;flex:0 0 auto;text-align:center;padding:11px 8px;
	border-radius:14px;border:1.5px solid var(--ny-border);cursor:pointer;
	background:var(--ny-card);font-size:13px;
}
.ny-day.selected{border-color:var(--ny-primary);background:rgba(14,165,165,.1)}
.ny-day small{display:block;color:var(--ny-muted)!important;margin-top:3px;font-size:11px}
.ny-day.disabled{opacity:.45;cursor:not-allowed}
.ny-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ny-slot{
	padding:10px 2px;text-align:center;border-radius:12px;cursor:pointer;
	font-weight:700;font-size:13px;
	border:1.5px solid var(--ny-border);background:var(--ny-card);
}
.ny-slot.selected{
	background:var(--ny-primary);
	background-image:linear-gradient(135deg,var(--ny-primary),var(--ny-secondary));
	border-color:var(--ny-primary);color:#fff!important;
}
.ny-slot.disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through}

/* ---------- service rows / chain ---------- */
.ny-service-row{
	display:flex;flex-direction:column;align-items:flex-start;gap:6px;
	padding:13px 14px;border:1.5px solid var(--ny-border);
	border-radius:var(--ny-radius);margin-bottom:10px;cursor:pointer;
	background:var(--ny-card);
}
.ny-service-row.selected{border-color:var(--ny-primary);box-shadow:0 4px 14px rgba(14,165,165,.2)}
.ny-price{font-weight:800;font-size:15px;color:var(--ny-primary)!important;align-self:flex-end}
.ny-chain-item{
	display:flex;align-items:center;gap:10px;padding:11px 13px;margin-bottom:8px;
	cursor:pointer;border:1.5px solid var(--ny-border);border-radius:12px;
	background:var(--ny-card);flex-wrap:wrap;
}
.ny-chain-item.checked{border-color:var(--ny-primary);background:rgba(14,165,165,.09)}

/* ---------- alerts & notices ---------- */
.ny-alert{padding:12px 15px;border-radius:12px;margin-bottom:12px;font-size:13.5px;font-weight:600;border:1px solid transparent}
.ny-alert-ok{background:#dcfce7;border-color:#a7f3d0}
.ny-alert-ok,.ny-alert-ok *{color:#166534!important}
.ny-alert-err{background:#fee2e2;border-color:#fecaca}
.ny-alert-err,.ny-alert-err *{color:#991b1b!important}
.ny-app.ny-dark .ny-alert-ok{background:#14351f;border-color:#166534}
.ny-app.ny-dark .ny-alert-ok,.ny-app.ny-dark .ny-alert-ok *{color:#4ade80!important}
.ny-app.ny-dark .ny-alert-err{background:#3b1a1a;border-color:#7f1d1d}
.ny-app.ny-dark .ny-alert-err,.ny-app.ny-dark .ny-alert-err *{color:#f87171!important}
.ny-notice-box{
	background:#fef3e2;border:2px solid #f5b455;border-right-width:6px;
	border-radius:12px;padding:12px 14px;margin-bottom:14px;
	font-weight:800;font-size:13.5px;line-height:2;
}
.ny-notice-box,.ny-notice-box *{color:#b45309!important}
.ny-app.ny-dark .ny-notice-box{background:#3a2c12;border-color:#b45309}
.ny-app.ny-dark .ny-notice-box,.ny-app.ny-dark .ny-notice-box *{color:#fbbf24!important}
.ny-notice-soft{background:rgba(14,165,165,.1);border-color:var(--ny-primary)}
.ny-notice-soft,.ny-notice-soft *{color:var(--ny-primary)!important}
.ny-notice-box i{font-style:normal}
.ny-maintenance-box{
	background:#fee2e2;border:2px solid #ef4444;border-radius:var(--ny-radius);
	padding:14px 16px;margin-bottom:14px;font-weight:800;font-size:14px;text-align:center;
}
.ny-maintenance-box,.ny-maintenance-box *{color:#b91c1c!important}

/* ---------- tables: card-mode on phones (base) ---------- */
.ny-table-wrap{width:100%;max-width:100%;overflow:visible;border:none;background:transparent}
.ny-table{width:100%;border-collapse:collapse;font-size:13px}
.ny-table thead{display:none}
.ny-table tbody tr{
	display:block;border:1.5px solid var(--ny-border);border-radius:14px;
	margin-bottom:10px;padding:4px 2px;background:var(--ny-card);
}
.ny-table td{
	display:flex;justify-content:space-between;align-items:center;gap:10px;
	border-bottom:1px dashed var(--ny-border);padding:8px 12px;text-align:left;
}
.ny-table td:last-child{border-bottom:none}
.ny-table td::before{
	content:attr(data-label);font-weight:800;color:var(--ny-muted);
	font-size:12px;flex-shrink:0;text-align:right;
}
.ny-table td:not([data-label])::before,.ny-table td[data-label=""]::before{display:none}
.ny-table td:not([data-label]),.ny-table td[data-label=""]{justify-content:flex-start;flex-wrap:wrap}
.ny-table .ny-btn{width:auto;padding:7px 14px;font-size:12px}

/* ---------- wallet ---------- */
.ny-wallet-box{
	display:flex;flex-direction:column;gap:12px;text-align:center;
	background:var(--ny-primary);
	background-image:linear-gradient(135deg,var(--ny-primary),var(--ny-secondary));
	border-radius:var(--ny-radius);padding:18px;
}
.ny-wallet-box,.ny-wallet-box *{color:#fff!important}
.ny-wallet-box>div{width:100%;display:flex;flex-direction:column;gap:8px}
.ny-balance{font-size:23px;font-weight:900}
.ny-wallet-box input{background:#fff;color:#111!important;border:none;max-width:100%}
.ny-wallet-box .ny-btn{background:#fff;background-image:none;color:#0f172a!important;box-shadow:none}

/* ---------- tabs ---------- */
.ny-tabs{
	display:flex;gap:4px;margin-bottom:14px;padding:4px;border-radius:999px;
	background:var(--ny-soft);border:1px solid var(--ny-border);
	overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;
}
.ny-tabs::-webkit-scrollbar{display:none}
.ny-tab{
	flex:1 0 auto;padding:9px 14px;border-radius:999px;cursor:pointer;border:none;
	background:transparent;color:var(--ny-muted);font-weight:700;font-size:13px;
	font-family:inherit;white-space:nowrap;
}
.ny-tab.active{
	background:var(--ny-primary);
	background-image:linear-gradient(135deg,var(--ny-primary),var(--ny-secondary));
	color:#fff!important;
}

/* ---------- MODAL: full-screen on mobile (base) ---------- */
.ny-modal-overlay{
	position:fixed;top:0;right:0;bottom:0;left:0;width:100%;
	height:100vh;
	background:rgba(10,15,30,.55);
	z-index:2147483000;margin:0;padding:0;
	display:flex;align-items:stretch;justify-content:stretch;
}
@supports (height:100dvh){.ny-modal-overlay{height:100dvh}}
body.ny-modal-open{overflow:hidden!important}
.ny-modal{
	background:var(--ny-bg);color:var(--ny-text);
	width:100%;max-width:100%;height:100%;
	margin:0;border:none;border-radius:0;
	padding:12px 12px 40px;
	overflow-y:auto;-webkit-overflow-scrolling:touch;
	direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;line-height:1.9;
}
.ny-modal-close{
	position:sticky;top:6px;z-index:60;
	display:flex;align-items:center;justify-content:center;
	width:44px;height:44px;min-width:44px;margin:0 0 8px auto;
	border-radius:50%;cursor:pointer;font-size:18px;line-height:1;
	background:var(--ny-soft);border:1.5px solid var(--ny-border);color:var(--ny-text);
	box-shadow:0 4px 14px rgba(0,0,0,.2);
}
.ny-modal h3{margin-top:0}
.ny-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ny-profile-item{background:var(--ny-card);border:1px solid var(--ny-border);border-radius:12px;padding:10px 12px}
.ny-profile-item small{display:block;color:var(--ny-muted)!important;font-size:11.5px}
.ny-profile-item b{font-size:13px}
.ny-refshare{
	display:flex;flex-direction:column;align-items:stretch;gap:10px;text-align:center;
	margin-top:12px;padding:14px;border-radius:14px;
	background:rgba(14,165,165,.09);border:2px dashed var(--ny-primary);
}
.ny-refcode-badge{
	display:inline-block;font-size:18px;font-weight:900;letter-spacing:3px;
	padding:6px 16px;border-radius:12px;background:var(--ny-card);
	border:1px solid var(--ny-border);color:var(--ny-primary)!important;
}

/* ---------- success card ---------- */
.ny-success-card{text-align:center;padding:4px 0}
.ny-success-check{
	width:64px;height:64px;border-radius:50%;margin:0 auto 8px;
	display:flex;align-items:center;justify-content:center;font-size:34px;
	background:#10b981;background-image:linear-gradient(135deg,#34d399,#10b981);
	box-shadow:0 8px 24px rgba(16,185,129,.4);
}
.ny-success-check{color:#fff!important}
.ny-success-code{
	display:inline-block;border:2px dashed var(--ny-primary);border-radius:14px;
	padding:8px 18px;font-size:19px;font-weight:900;letter-spacing:1px;margin:8px 0;
	color:var(--ny-primary)!important;background:rgba(14,165,165,.07);
}
.ny-success-rows{max-width:100%;margin:0 auto 10px;text-align:right}
.ny-success-rows>div{display:flex;justify-content:space-between;gap:10px;padding:7px 4px;border-bottom:1px dashed var(--ny-border);font-size:13px}
.ny-success-rows>div:last-child{border-bottom:none}
.ny-success-qr{margin:6px auto}
.ny-success-qr img{width:170px;max-width:70%;height:auto;border-radius:12px;border:6px solid #fff;box-shadow:0 4px 18px rgba(0,0,0,.15)}
.ny-success-card .ny-mt{display:flex;flex-direction:column;gap:8px}
.ny-success-card .ny-mt .ny-btn{width:100%}

/* ---------- reviews ---------- */
.ny-star-picker{direction:ltr;display:inline-flex;gap:8px;cursor:pointer;user-select:none}
.ny-star-picker span{font-size:42px;color:var(--ny-border);line-height:1}
.ny-star-picker span.on{color:#f7c948!important}
.ny-review-item{border:1px solid var(--ny-border);border-radius:12px;padding:11px 14px;margin-bottom:9px;background:var(--ny-soft)}
.ny-review-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.ny-resume{background:var(--ny-soft);border-radius:12px;padding:14px;border:1px solid var(--ny-border)}

/* ---------- misc buttons row ---------- */
.ny-mt .ny-btn + .ny-btn{margin-top:8px}

/* ============================================================
   TABLET  (>= 601px)
   ============================================================ */
@media (min-width: 601px){
	.ny-app{padding:18px;border-radius:22px}
	.ny-card{padding:20px;margin-bottom:16px}
	.ny-grid{gap:14px}
	.ny-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
	.ny-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
	.ny-header{flex-direction:row;align-items:center;justify-content:space-between}
	.ny-title{font-size:21px;text-align:right}
	.ny-header>div{width:auto}
	.ny-account-btn{flex:0 0 auto;width:auto}
	.ny-btn{width:auto;padding:12px 26px}
	.ny-step{font-size:12.5px;padding:9px 14px}
	.ny-slots{grid-template-columns:repeat(6,minmax(0,1fr))}
	.ny-avatar{width:88px;height:88px}
	.ny-doctor-card{padding:20px 14px}
	.ny-doctor-name{font-size:15px}
	.ny-service-row{flex-direction:row;align-items:center;justify-content:space-between}
	.ny-price{align-self:auto}
	.ny-wallet-box{flex-direction:row;text-align:right;align-items:center;justify-content:space-between;padding:22px}
	.ny-wallet-box>div{width:auto}
	.ny-wallet-box>div:last-child{flex-direction:row;align-items:center}
	.ny-wallet-box input{max-width:170px}
	.ny-tab{flex:1;padding:10px 18px;font-size:14px}
	/* tables become real tables */
	.ny-table-wrap{overflow-x:auto;border:1px solid var(--ny-border);border-radius:14px;background:var(--ny-card)}
	.ny-table{min-width:560px;font-size:13.5px}
	.ny-table thead{display:table-header-group}
	.ny-table tbody tr{display:table-row;border:none;margin:0;padding:0;background:transparent}
	.ny-table td{display:table-cell;text-align:right;border-bottom:1px solid var(--ny-border);padding:11px 12px}
	.ny-table td::before{display:none}
	.ny-table th{background:var(--ny-soft);padding:11px 12px;text-align:right;border-bottom:2px solid var(--ny-border)}
	.ny-table tr:last-child td{border-bottom:none}
	/* modal becomes centered sheet */
	.ny-modal-overlay{align-items:flex-start;justify-content:center;padding:26px 14px;overflow-y:auto}
	.ny-modal{
		max-width:720px;height:auto;min-height:0;max-height:none;
		border:1px solid var(--ny-border);border-radius:22px;
		padding:44px 22px 24px;margin:auto 0;overflow:visible;
	}
	.ny-modal-close{position:absolute;top:12px;left:12px;margin:0;box-shadow:none}
	.ny-modal{position:relative}
	.ny-profile-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
	.ny-refshare{flex-direction:row;align-items:center;justify-content:space-between;text-align:right}
	.ny-success-card .ny-mt{flex-direction:row;justify-content:center}
	.ny-success-card .ny-mt .ny-btn{width:auto}
	.ny-success-rows{max-width:360px}
	.ny-dep-card{padding:18px}
	.ny-otp-inputs{letter-spacing:10px;font-size:22px}
}

/* ============================================================
   DESKTOP (>= 1025px) — visual enhancements only
   ============================================================ */
@media (min-width: 1025px){
	.ny-app{
		padding:24px;
		background-image:linear-gradient(160deg,#e8f4f8 0%,#eef0fb 45%,#fdeef3 100%);
	}
	.ny-app.ny-dark{background-image:linear-gradient(160deg,#0b1220 0%,#131a2e 50%,#1c1430 100%)}
	.ny-card,.ny-doctor-card,.ny-dep-card{box-shadow:0 6px 24px rgba(15,23,42,.08)}
	.ny-btn{transition:transform .2s,opacity .2s}
	.ny-btn:hover{transform:translateY(-1px);opacity:.93}
	.ny-doctor-card,.ny-dep-card,.ny-service-row,.ny-slot,.ny-day{transition:border-color .15s,box-shadow .15s,transform .15s}
	.ny-doctor-card:hover,.ny-dep-card:hover,.ny-service-row:hover,.ny-slot:hover,.ny-day:hover{border-color:var(--ny-primary)}
	.ny-doctor-card:hover,.ny-dep-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(14,165,165,.18)}
	.ny-grid-3{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
	.ny-grid-2{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
	/* glass effect only where it's safe (desktop engines) */
	@supports ((-webkit-backdrop-filter:blur(4px)) or (backdrop-filter:blur(4px))){
		.ny-app{--ny-card:rgba(255,255,255,.72)}
		.ny-app.ny-dark{--ny-card:rgba(30,41,59,.66)}
		.ny-card,.ny-doctor-card,.ny-dep-card,.ny-service-row{
			-webkit-backdrop-filter:blur(18px) saturate(1.4);
			backdrop-filter:blur(18px) saturate(1.4);
		}
	}
}

/* very small phones */
@media (max-width: 379px){
	.ny-grid-3{grid-template-columns:1fr}
	.ny-slots{grid-template-columns:repeat(3,minmax(0,1fr))}
	.ny-profile-grid{grid-template-columns:1fr}
}

/* reduced motion */
@media (prefers-reduced-motion: reduce){
	.ny-app *{transition:none!important;animation:none!important}
}

/* ---- small modal variant (review) on tablet/desktop ---- */
@media (min-width: 601px){
	.ny-modal-sm{max-width:520px}
}

/* ============================================================
   v3.3.2 — THEME-CONFLICT HARDENING (light mode fixes)
   Site themes often paint <button> black / add shadows; these
   rules pin every plugin control to its own colors.
   Also fixes the active step pill poking out of the rounded
   scroller corner (Safari/old engines don't clip to radius).
   ============================================================ */

/* --- neutralize theme button styling inside the plugin --- */
.ny-app button,
.ny-modal button{
	-webkit-appearance:none;
	appearance:none;
	text-transform:none;
	letter-spacing:normal;
	background-image:none;
	text-shadow:none;
	outline:none;
}

/* --- theme toggle: always a light chip in light mode --- */
.ny-app .ny-theme-toggle{
	background:var(--ny-card)!important;
	background-image:none!important;
	color:var(--ny-text)!important;
	border:1.5px solid var(--ny-border)!important;
	box-shadow:none!important;
	border-radius:999px!important;
	padding:10px 16px!important;
	font-size:13px!important;
	line-height:1.6!important;
	min-height:0!important;
	height:auto!important;
}
.ny-app.ny-dark .ny-theme-toggle{
	background:var(--ny-card)!important;
	color:var(--ny-text)!important;
}

/* --- primary / ghost buttons: pin colors against theme css --- */
.ny-app .ny-btn{
	background-color:var(--ny-primary)!important;
	background-image:linear-gradient(135deg,var(--ny-primary),var(--ny-secondary))!important;
	color:#fff!important;
	border:none!important;
	text-shadow:none!important;
	line-height:1.7!important;
}
.ny-app .ny-btn.ny-btn-ghost{
	background-color:var(--ny-card)!important;
	background-image:none!important;
	color:var(--ny-primary)!important;
	border:2px solid var(--ny-primary)!important;
}
.ny-app .ny-btn.ny-btn-danger{
	background-color:#ef4444!important;
	background-image:linear-gradient(135deg,#ef4444,#f43f5e)!important;
	color:#fff!important;
}

/* --- steps scroller: smaller radius so pills can't poke out; ---
   --- pills sized to fit inside cleanly on every engine       --- */
.ny-app .ny-steps{
	border-radius:14px!important;
	padding:5px!important;
	gap:4px!important;
	align-items:stretch;
	background:var(--ny-soft)!important;
	border:1px solid var(--ny-border)!important;
	box-shadow:none!important;
}
.ny-app .ny-step{
	border-radius:10px!important;
	padding:8px 12px!important;
	margin:0!important;
	line-height:1.7!important;
	background:transparent;
	border:none!important;
	box-shadow:none!important;
	display:flex;align-items:center;justify-content:center;
	color:var(--ny-muted)!important;
}
.ny-app .ny-step.active{
	background:var(--ny-card)!important;
	color:var(--ny-primary)!important;
	box-shadow:0 1px 6px rgba(15,23,42,.14)!important;
}
.ny-app .ny-step.done{color:var(--ny-primary)!important;background:transparent!important}

/* --- tabs scroller: same corner fix --- */
.ny-app .ny-tabs,.ny-modal .ny-tabs{
	border-radius:14px!important;
	padding:5px!important;
	background:var(--ny-soft)!important;
	border:1px solid var(--ny-border)!important;
}
.ny-app .ny-tab,.ny-modal .ny-tab{
	border-radius:10px!important;
	border:none!important;
	box-shadow:none!important;
	background:transparent;
	color:var(--ny-muted)!important;
	line-height:1.7!important;
}
.ny-app .ny-tab.active,.ny-modal .ny-tab.active{
	background-color:var(--ny-primary)!important;
	background-image:linear-gradient(135deg,var(--ny-primary),var(--ny-secondary))!important;
	color:#fff!important;
}

/* --- kill sticky touch-hover: hover effects only on real pointers --- */
@media (hover: none){
	.ny-app .ny-doctor-card:hover,
	.ny-app .ny-dep-card:hover,
	.ny-app .ny-service-row:hover,
	.ny-app .ny-slot:hover,
	.ny-app .ny-day:hover{
		border-color:var(--ny-border);
		box-shadow:0 2px 10px rgba(15,23,42,.06);
		transform:none;
	}
	.ny-app .ny-slot.selected{border-color:var(--ny-primary)}
	.ny-app .ny-day.selected,.ny-app .ny-dep-card.selected,
	.ny-app .ny-doctor-card.selected,.ny-app .ny-service-row.selected{border-color:var(--ny-primary)}
}

/* --- light-mode container: calm flat surface (no odd gradients) --- */
@media (max-width: 1024px){
	.ny-app{background:var(--ny-bg)!important;background-image:none!important}
}

/* ============================================================
   v3.4 — SKIN SYSTEM  (.ny-skin-glass | .ny-skin-minimal |
   .ny-skin-arva | .ny-skin-modern)  — admin picks in settings.
   Base layer stays untouched; skins only override tokens+accents.
   ============================================================ */

/* booking-note banner in auth popup */
.ny-booking-note{
	background:#ecfdf3;border:2px solid #34d399;border-radius:14px;
	padding:12px 16px;margin-bottom:14px;font-weight:800;font-size:14px;text-align:center;
}
.ny-booking-note{color:#067647!important}
.ny-app.ny-dark .ny-booking-note{background:#0f2b1d;border-color:#15803d;color:#4ade80!important}

/* ---------- SKIN: GLASS (شیشه‌ای) ---------- */
@media (min-width:1025px){
	.ny-skin-glass{background-image:linear-gradient(160deg,#dff3f5 0%,#e6e9fb 45%,#fbe7f0 100%)!important}
	.ny-skin-glass.ny-dark{background-image:linear-gradient(160deg,#0b1220,#131a2e 50%,#1c1430)!important}
	@supports ((backdrop-filter:blur(4px)) or (-webkit-backdrop-filter:blur(4px))){
		.ny-skin-glass .ny-card,.ny-skin-glass .ny-doctor-card,.ny-skin-glass .ny-dep-card,
		.ny-skin-glass .ny-service-row{
			background:rgba(255,255,255,.55);
			-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);
			border-color:rgba(255,255,255,.75);
		}
		.ny-skin-glass.ny-dark .ny-card,.ny-skin-glass.ny-dark .ny-doctor-card,
		.ny-skin-glass.ny-dark .ny-dep-card,.ny-skin-glass.ny-dark .ny-service-row{
			background:rgba(30,41,59,.5);border-color:rgba(255,255,255,.12);
		}
	}
}
.ny-skin-glass{--ny-radius:20px}
.ny-skin-glass .ny-card,.ny-skin-glass .ny-doctor-card,.ny-skin-glass .ny-dep-card{
	box-shadow:0 8px 28px rgba(31,45,80,.12);
}

/* ---------- SKIN: MINIMAL (مینیمال) ---------- */
.ny-skin-minimal{
	--ny-radius:10px;
	--ny-bg:#ffffff;--ny-card:#ffffff;--ny-border:#e5e7eb;--ny-soft:#f6f7f9;
	background:#fff!important;background-image:none!important;
}
.ny-skin-minimal.ny-dark{--ny-bg:#111418;--ny-card:#171b21;--ny-border:#2a3038;--ny-soft:#1d232b;background:#111418!important}
.ny-skin-minimal .ny-card,.ny-skin-minimal .ny-doctor-card,.ny-skin-minimal .ny-dep-card,
.ny-skin-minimal .ny-service-row,.ny-skin-minimal .ny-chain-item{box-shadow:none!important}
.ny-skin-minimal .ny-btn{
	background-image:none!important;background-color:var(--ny-primary)!important;
	box-shadow:none!important;border-radius:10px!important;
}
.ny-skin-minimal .ny-btn.ny-btn-ghost{background-color:transparent!important;border-width:1.5px!important;border-radius:10px!important}
.ny-skin-minimal .ny-steps,.ny-skin-minimal .ny-tabs{border-radius:10px!important;background:transparent!important;border:none!important;border-bottom:2px solid var(--ny-border)!important;padding:0!important}
.ny-skin-minimal .ny-step,.ny-skin-minimal .ny-tab{border-radius:0!important;background:transparent!important;box-shadow:none!important;border-bottom:2.5px solid transparent!important;margin-bottom:-2px!important}
.ny-skin-minimal .ny-step.active,.ny-skin-minimal .ny-tab.active{
	background:transparent!important;background-image:none!important;
	color:var(--ny-primary)!important;border-bottom-color:var(--ny-primary)!important;
}
.ny-skin-minimal .ny-slot,.ny-skin-minimal .ny-day{border-radius:8px!important}
.ny-skin-minimal .ny-avatar{border-width:2px}
.ny-skin-minimal .ny-wallet-box{background-image:none!important;background:var(--ny-primary)!important;border-radius:12px}

/* ---------- SKIN: ARVA (دارک-بنفش، مشابه تصویر مرجع) ---------- */
.ny-skin-arva{--ny-primary:#7c6cf6;--ny-secondary:#a78bfa;--ny-radius:18px}
.ny-skin-arva:not(.ny-dark){
	--ny-bg:#f3f1ff;--ny-card:#ffffff;--ny-text:#241f3f;--ny-muted:#6f6a92;
	--ny-border:#ddd8f3;--ny-soft:#ece8fb;--ny-input:#ffffff;
	background:#f3f1ff!important;
	background-image:radial-gradient(900px 450px at 85% -10%,rgba(124,108,246,.14),transparent 60%)!important;
}
.ny-skin-arva.ny-dark{
	--ny-bg:#0b0b18;--ny-card:#14142a;--ny-text:#eceafe;--ny-muted:#8f8bb3;
	--ny-border:#272747;--ny-soft:#1b1b33;--ny-input:#101021;
	background:#0b0b18!important;
	background-image:radial-gradient(1000px 500px at 85% -10%,rgba(124,108,246,.22),transparent 60%),
		radial-gradient(700px 400px at 0% 100%,rgba(167,139,250,.12),transparent 55%)!important;
	color:#eceafe;
}
/* arva now supports light mode too — toggle restored */
.ny-skin-arva.ny-dark .ny-card,.ny-skin-arva.ny-dark .ny-doctor-card,.ny-skin-arva.ny-dark .ny-dep-card,
.ny-skin-arva.ny-dark .ny-service-row,.ny-skin-arva.ny-dark .ny-chain-item{
	background:#14142a!important;border-color:#272747!important;
	box-shadow:0 10px 34px rgba(0,0,0,.45)!important;
}
.ny-skin-arva .ny-btn{
	background-color:#7c6cf6!important;
	background-image:linear-gradient(135deg,#7c6cf6,#a78bfa)!important;
	box-shadow:0 6px 22px rgba(124,108,246,.45)!important;
}
.ny-skin-arva .ny-btn.ny-btn-ghost{
	background-color:transparent!important;background-image:none!important;
	border-color:#7c6cf6!important;color:#a78bfa!important;
}
.ny-skin-arva .ny-steps,.ny-skin-arva .ny-tabs{background:#1b1b33!important;border-color:#272747!important}
.ny-skin-arva .ny-step.active{background:#14142a!important;color:#a78bfa!important}
.ny-skin-arva .ny-tab.active{background-image:linear-gradient(135deg,#7c6cf6,#a78bfa)!important}
.ny-skin-arva .ny-slot.selected{background-image:linear-gradient(135deg,#7c6cf6,#a78bfa)!important;border-color:#7c6cf6!important}
.ny-skin-arva .ny-day.selected,.ny-skin-arva .ny-dep-card.selected,
.ny-skin-arva .ny-doctor-card.selected,.ny-skin-arva .ny-service-row.selected{border-color:#7c6cf6!important}
.ny-skin-arva .ny-dep-icon{background:rgba(124,108,246,.16)!important;border-color:#272747!important}
.ny-skin-arva .ny-badge-teal{background:rgba(124,108,246,.18)!important;color:#a78bfa!important}
.ny-skin-arva .ny-price{color:#a78bfa!important}
.ny-skin-arva .ny-avatar{border-color:#7c6cf6}
.ny-skin-arva .ny-wallet-box{background-image:linear-gradient(135deg,#7c6cf6,#5b4bd5)!important}
.ny-skin-arva .ny-success-code{border-color:#7c6cf6;color:#a78bfa!important;background:rgba(124,108,246,.1)}
.ny-skin-arva input:focus,.ny-skin-arva select:focus,.ny-skin-arva textarea:focus{
	border-color:#7c6cf6!important;box-shadow:0 0 0 3px rgba(124,108,246,.25)!important;
}
.ny-skin-arva .ny-notice-soft{background:rgba(124,108,246,.12)!important;border-color:#7c6cf6!important}
.ny-skin-arva .ny-notice-soft,.ny-skin-arva .ny-notice-soft *{color:#a78bfa!important}

/* arva modal matches */
.ny-modal.ny-skin-arva,.ny-skin-arva .ny-modal{background:#0b0b18}

/* ---------- SKIN: MODERN (مدرن) ---------- */
.ny-skin-modern{
	--ny-radius:24px;
	--ny-bg:#f4f6fb;--ny-card:#ffffff;--ny-border:#e3e8f2;--ny-soft:#edf1f8;
}
.ny-skin-modern.ny-dark{--ny-bg:#10141f;--ny-card:#1a2030;--ny-border:#2c3550;--ny-soft:#232b40}
.ny-skin-modern .ny-card,.ny-skin-modern .ny-doctor-card,.ny-skin-modern .ny-dep-card{
	border:none!important;box-shadow:0 3px 6px rgba(23,43,99,.05),0 14px 34px rgba(23,43,99,.09)!important;
}
.ny-skin-modern .ny-btn{border-radius:16px!important}
.ny-skin-modern .ny-btn.ny-btn-ghost{border-radius:16px!important;border-width:2px!important}
.ny-skin-modern .ny-steps{background:var(--ny-card)!important;border:none!important;box-shadow:0 4px 16px rgba(23,43,99,.08)!important;border-radius:18px!important}
.ny-skin-modern .ny-step{border-radius:13px!important}
.ny-skin-modern .ny-step.active{
	background-color:var(--ny-primary)!important;
	background-image:linear-gradient(135deg,var(--ny-primary),var(--ny-secondary))!important;
	color:#fff!important;
}
.ny-skin-modern .ny-tabs{background:var(--ny-card)!important;border:none!important;box-shadow:0 4px 16px rgba(23,43,99,.08)!important;border-radius:18px!important}
.ny-skin-modern .ny-slot{border-radius:14px!important;border:none!important;background:var(--ny-soft)!important}
.ny-skin-modern .ny-slot.selected{background-image:linear-gradient(135deg,var(--ny-primary),var(--ny-secondary))!important}
.ny-skin-modern .ny-day{border:none!important;background:var(--ny-card)!important;box-shadow:0 3px 12px rgba(23,43,99,.08)}
.ny-skin-modern .ny-day.selected{box-shadow:inset 0 0 0 2px var(--ny-primary)}
.ny-skin-modern .ny-service-row,.ny-skin-modern .ny-chain-item{border:none!important;background:var(--ny-soft)!important}
.ny-skin-modern .ny-service-row.selected{box-shadow:inset 0 0 0 2px var(--ny-primary)!important}
.ny-skin-modern .ny-dep-icon{border:none!important}

/* ---- Visitor skin switcher ---- */
.ny-skin-switch{position:relative}
.ny-skin-btn{min-width:46px;text-align:center}
.ny-skin-menu{
	position:absolute;top:calc(100% + 6px);left:0;z-index:500;
	background:var(--ny-card);border:1.5px solid var(--ny-border);border-radius:14px;
	padding:6px;min-width:170px;box-shadow:0 10px 30px rgba(15,23,42,.2);
	display:flex;flex-direction:column;gap:3px;
}
.ny-skin-menu button{
	font-family:inherit;font-size:13px;font-weight:700;text-align:right;
	background:transparent;border:none;border-radius:10px;cursor:pointer;
	padding:9px 12px;color:var(--ny-text);
}
.ny-skin-menu button:active{background:var(--ny-soft)}
@media (hover:hover){.ny-skin-menu button:hover{background:var(--ny-soft)}}

/* ============================================================
   v3.5 — BLUE/GREEN/WHITE default identity (like reference art)
   Blue = primary surfaces & actions · Green = confirmations
   White = cards/backgrounds
   ============================================================ */

/* header strip of main sections gets the blue identity */
.ny-app .ny-wallet-box{
	background-color:var(--ny-primary)!important;
	background-image:linear-gradient(135deg,var(--ny-primary),var(--ny-secondary))!important;
}

/* success / confirmation = GREEN everywhere */
.ny-app .ny-badge-green{background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.35)}
.ny-app .ny-badge-green{color:#15803d!important}
.ny-app .ny-alert-ok{background:#f0fdf4;border-color:#86efac}
.ny-app .ny-alert-ok,.ny-app .ny-alert-ok *{color:#15803d!important}
.ny-app .ny-success-check{
	background:var(--ny-success)!important;
	background-image:linear-gradient(135deg,#4ade80,var(--ny-success))!important;
	box-shadow:0 8px 24px rgba(34,197,94,.4)!important;
}
.ny-app .ny-booking-note{border-color:var(--ny-success)}
.ny-app .ny-success-code{
	border-color:var(--ny-success);
	color:#15803d!important;
	background:#f0fdf4;
}
.ny-app .ny-do-book{
	background-color:var(--ny-success)!important;
	background-image:linear-gradient(135deg,#4ade80,#16a34a)!important;
	box-shadow:0 6px 20px rgba(34,197,94,.4)!important;
}
.ny-app .ny-subcat-continue,.ny-app .ny-goto-confirm{
	background-color:var(--ny-primary)!important;
	background-image:linear-gradient(135deg,var(--ny-primary),var(--ny-secondary))!important;
}
/* selected day/slot chip: blue border + soft blue fill */
.ny-app .ny-day.selected{background:#eff6ff}
.ny-app.ny-dark .ny-day.selected{background:rgba(37,99,235,.18)}
/* stars stay gold; teal badge becomes soft blue */
.ny-app .ny-badge-teal{background:rgba(37,99,235,.12);color:var(--ny-primary)!important}
.ny-app .ny-dep-icon{background:rgba(37,99,235,.12)}
/* dark mode counterparts */
.ny-app.ny-dark{--ny-bg:#0d1526;--ny-card:#16203a;--ny-border:#2b3a5c;--ny-soft:#1d2a47;--ny-input:#101a30}
.ny-app.ny-dark .ny-alert-ok{background:#0f2b1d;border-color:#166534}
.ny-app.ny-dark .ny-alert-ok,.ny-app.ny-dark .ny-alert-ok *{color:#4ade80!important}
.ny-app.ny-dark .ny-success-code{background:rgba(34,197,94,.12);color:#4ade80!important}

/* ============================================================
   v3.5.2 — DARK MODE TEXT HARDENING
   Some texts stayed black in dark mode (inline colors, defaults).
   Force every text inside .ny-dark to its proper token color.
   ============================================================ */
.ny-app.ny-dark,
.ny-app.ny-dark h1,.ny-app.ny-dark h2,.ny-app.ny-dark h3,.ny-app.ny-dark h4,
.ny-app.ny-dark p,.ny-app.ny-dark label,.ny-app.ny-dark div,
.ny-app.ny-dark td,.ny-app.ny-dark th,.ny-app.ny-dark li,
.ny-app.ny-dark b,.ny-app.ny-dark strong,.ny-app.ny-dark small,
.ny-app.ny-dark span{color:var(--ny-text)}
/* keep intentional accent colors */
.ny-app.ny-dark .ny-muted,.ny-app.ny-dark .ny-doctor-meta,
.ny-app.ny-dark .ny-day small,.ny-app.ny-dark .ny-profile-item small{color:var(--ny-muted)!important}
.ny-app.ny-dark .ny-price,.ny-app.ny-dark .ny-refcode-badge{color:#93c5fd!important}
.ny-app.ny-dark .ny-btn,.ny-app.ny-dark .ny-btn *{color:#fff!important}
.ny-app.ny-dark .ny-btn-ghost,.ny-app.ny-dark .ny-btn-ghost *{color:#93c5fd!important}
.ny-app.ny-dark .ny-tab.active,.ny-app.ny-dark .ny-tab.active *{color:#fff!important}
.ny-app.ny-dark .ny-step.active{color:#93c5fd!important}
.ny-app.ny-dark .ny-slot.selected,.ny-app.ny-dark .ny-slot.selected *{color:#fff!important}
.ny-app.ny-dark .ny-wallet-box,.ny-app.ny-dark .ny-wallet-box *{color:#fff!important}
.ny-app.ny-dark .ny-wallet-box input{color:#111!important}
.ny-app.ny-dark .ny-stars-static{color:#f7c948!important}
.ny-app.ny-dark .ny-badge-teal{color:#93c5fd!important}
.ny-app.ny-dark .ny-success-check{color:#fff!important}
.ny-app.ny-dark .ny-star-ribbon{color:#5b4300!important}
/* inputs & placeholders */
.ny-app.ny-dark input,.ny-app.ny-dark select,.ny-app.ny-dark textarea{color:var(--ny-text)}
.ny-app.ny-dark input::placeholder,.ny-app.ny-dark textarea::placeholder{color:var(--ny-muted)}
.ny-app.ny-dark select option{background:var(--ny-card);color:var(--ny-text)}
/* skin menu inside dark */
.ny-app.ny-dark .ny-skin-menu{background:var(--ny-card);border-color:var(--ny-border)}
.ny-app.ny-dark .ny-skin-menu button{color:var(--ny-text)}
/* modal (its own .ny-app wrapper) inherits the same rules automatically */
/* theme toggle chip readable in dark */
.ny-app.ny-dark .ny-theme-toggle{background:var(--ny-card)!important;color:var(--ny-text)!important;border-color:var(--ny-border)!important}

/* ============================================================
   v3.5.3 — SKIN SWITCHER ALWAYS USABLE (fix: stuck on dark/آروا)
   ============================================================ */
.ny-skin-switch{position:relative;z-index:600}
.ny-skin-menu{z-index:99999!important;pointer-events:auto!important}
.ny-skin-btn{pointer-events:auto!important}
/* arva dark must not swallow the menu */
.ny-skin-arva .ny-skin-menu{background:var(--ny-card)!important;border-color:var(--ny-border)!important}
.ny-skin-arva .ny-skin-menu button{color:var(--ny-text)!important}
/* header controls always above ambient layers in all skins */
.ny-app .ny-header{position:relative;z-index:50}

/* make each skin clearly distinct even in DARK mode,
   so switching in dark is visibly different (not "still black") */
.ny-skin-glass.ny-dark{--ny-bg:#0d1526;--ny-card:#16203a;--ny-border:#2b3a5c}
.ny-skin-minimal.ny-dark{--ny-bg:#111418;--ny-card:#171b21;--ny-border:#2a3038;background:#111418!important}
.ny-skin-modern.ny-dark{--ny-bg:#10141f;--ny-card:#1a2030;--ny-border:#2c3550}
.ny-skin-arva.ny-dark{--ny-bg:#0b0b18;--ny-card:#14142a;--ny-border:#272747}