/*==================================================================================

	FOREX PIVOT POINT CALCULATOR — MODULE CSS


	Yahan SIRF wo cheez hai jo global-custom-web.css me nahi mili.

	App shell, tabs, panels, fields, ladder, rows, settings, ask box aur
	hub cards sab global hain (sections 101–124). Full screen ka poora
	bartao bhi wahin hai: app khud scroll karta hai, bar sticky rehti hai
	aur scrollbar nazar aati hai.

	Rang, radius aur shadow sirf --wiz-* se. Naya rang yahan kabhi nahi
	banta, warna light/dark aur aage aane wali koi bhi theme is module par
	nahi lagti.

==================================================================================*/


/*----------------------------------------------------------------------------------
	001 — LEVEL KI QATAR

	Global .wiz-ladder-row do cheezein ek dooje ke samne rakhta hai. Yahan
	teen chahiye: naam, qeemat, aur faasla — is liye sirf grid badli hai,
	baqi sab global ka.

	Chhoti screen par teesra column girta nahi, sirf choti ho jati hai:
	faasla hi wo cheez hai jis ke liye user ye tab kholta hai.
----------------------------------------------------------------------------------*/

.pp-level{
	display: grid;
	grid-template-columns: 4.5rem 1fr auto;
	gap: .5rem .75rem;
	align-items: baseline;
}

.pp-level-name{
	font-family: var(--wiz-font-mono);
	font-weight: 700;
	color: var(--wiz-text);
}

.pp-level-price{
	font-family: var(--wiz-font-mono);
	color: var(--wiz-text);
}

.pp-level-gap{
	font-size: .82rem;
	color: var(--wiz-text-muted);
	white-space: nowrap;
}


/*----------------------------------------------------------------------------------
	002 — PIVOT KI APNI QATAR

	Ladder me pivot beech ki lakeer hai, resistance uske ooper aur support
	neeche. Us ek qatar ko halka sa numaya karna zaroori hai warna paanch
	sat qeematon me wo gum ho jati hai.
----------------------------------------------------------------------------------*/

.pp-level.is-pivot{
	border-top: 1px solid var(--wiz-border-strong);
	border-bottom: 1px solid var(--wiz-border-strong);
	padding-top: .4rem;
	padding-bottom: .4rem;
	margin: .25rem 0;
}

.pp-level.is-pivot .pp-level-name,
.pp-level.is-pivot .pp-level-price{
	color: var(--wiz-primary);
}


/*----------------------------------------------------------------------------------
	003 — RESISTANCE AUR SUPPORT KA RUKH

	Sirf ek chhota nishan, koi naya rang nahi: --wiz-success aur
	--wiz-danger pehle se theme ka hissa hain.

	Ye rang "achha" ya "bura" nahi keh raha — sirf ooper aur neeche bata
	raha hai. Poore module me koi level "strong" ya "target" nahi kehlata.
----------------------------------------------------------------------------------*/

.pp-level.is-up .pp-level-name{ color: var(--wiz-danger); }
.pp-level.is-down .pp-level-name{ color: var(--wiz-success); }