/* ============================================================
   BioCare (بایوکر) — Design System v1.2
   سبک: نئومورفیسم (Neumorphism) روی زمینهٔ کرم گرم
   فونت: وزیرمتن (فارسی) با فالبک سیستمی
   ============================================================ */

@font-face {
	font-family: 'Vazirmatn';
	src: url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Regular.woff2') format('woff2');
	font-weight: 400; font-display: swap;
}
@font-face {
	font-family: 'Vazirmatn';
	src: url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Medium.woff2') format('woff2');
	font-weight: 500; font-display: swap;
}
@font-face {
	font-family: 'Vazirmatn';
	src: url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Bold.woff2') format('woff2');
	font-weight: 700; font-display: swap;
}

/* ------------------------------------------------------------
   1) توکن‌های پایه
   ------------------------------------------------------------ */
.pcc-app {
	--pcc-bg:        #E7DDCD;   /* زمینهٔ پایهٔ نئومورفیسم */
	--pcc-bg-deep:   #DCD1BE;
	--pcc-light:     #FFF8EC;
	--pcc-dark:      rgba(157, 141, 116, .55);
	--pcc-dark-soft: rgba(157, 141, 116, .38);

	--pcc-green-900: #1E3D1A;
	--pcc-green-700: #2F5D2A;
	--pcc-green-500: #4C8C43;
	--pcc-green-300: #8CC084;
	--pcc-green-100: #E4EEDF;
	--pcc-green-btn: #3E9142;   /* دکمهٔ سبز ذخیرهٔ دوره */
	--pcc-day-green: #DDF0D6;   /* پس‌زمینهٔ سبز روشن روزهای دارای اقدام */
	--pcc-earth-600: #8A6A4B;
	--pcc-clay-500:  #C1795A;
	--pcc-ink:       #2B2A24;
	--pcc-ink-soft:  #6C665A;
	--pcc-red:       #B3402A;
	--pcc-amber:     #C98A1B;

	--pcc-radius:    20px;
	--pcc-radius-sm: 14px;

	/* سایه‌های نئومورفیسم */
	--pcc-out:    6px 6px 12px var(--pcc-dark), -6px -6px 12px var(--pcc-light);
	--pcc-out-sm: 4px 4px 8px var(--pcc-dark-soft), -4px -4px 8px var(--pcc-light);
	--pcc-out-xs: 2px 2px 5px var(--pcc-dark-soft), -2px -2px 5px var(--pcc-light);
	--pcc-in:     inset 5px 5px 10px var(--pcc-dark), inset -5px -5px 10px var(--pcc-light);
	--pcc-in-sm:  inset 3px 3px 6px var(--pcc-dark-soft), inset -3px -3px 6px var(--pcc-light);

	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif;
	color: var(--pcc-ink);
	line-height: 1.7;
	background: var(--pcc-bg);
	padding: 20px;
	width: 100%; max-width: 100%;
	border-radius: var(--pcc-radius);
	-webkit-font-smoothing: antialiased;
}
.pcc-app *, .pcc-app *::before, .pcc-app *::after { box-sizing: border-box; }
.pcc-app h2, .pcc-app h3, .pcc-app h4 { font-family: inherit; color: var(--pcc-green-900); margin: 0; }
.pcc-app :focus-visible { outline: 2px solid var(--pcc-green-500); outline-offset: 3px; border-radius: 10px; }
.pcc-app img { max-width: 100%; }

/* ------------------------------------------------------------
   1-ب) عکس‌های دایره‌ای — پوشش کامل کادر
   بعضی قالب‌ها به img قاعدهٔ height:auto یا max-width می‌دهند و عکس
   از دایره بیرون می‌زند یا کل آن را پر نمی‌کند. این قاعده جلوی آن را می‌گیرد.
   ------------------------------------------------------------ */
.pcc-avatar,
.pcc-rowitem__photo,
.pcc-hero__photo,
.pcc-mini__photo,
.pcc-photoedit__thumb {
	display: block;
	position: relative;
	overflow: hidden;
	aspect-ratio: 1 / 1;
	padding: 0 !important;
	border-radius: 50%;
}
.pcc-avatar > img,
.pcc-rowitem__photo > img,
.pcc-hero__photo > img,
.pcc-mini__photo > img,
.pcc-photoedit__thumb > img {
	position: absolute; inset: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	min-width: 0; min-height: 0;
	aspect-ratio: 1 / 1;
	object-fit: cover !important;
	object-position: center center;
	border-radius: 50%;
	display: block;
	margin: 0; padding: 0; border: 0;
	background: var(--pcc-bg-deep);
}

/* ------------------------------------------------------------
   2) دکمه‌ها
   ------------------------------------------------------------ */
.pcc-btn {
	display: inline-flex; align-items: center; gap: 8px; justify-content: center;
	font: inherit; font-size: 14px; font-weight: 500; cursor: pointer;
	padding: 12px 22px; border-radius: 999px; border: 0;
	background: var(--pcc-bg); color: var(--pcc-green-900);
	box-shadow: var(--pcc-out);
	transition: box-shadow .18s ease, transform .18s ease, color .18s ease;
}
.pcc-btn:hover { box-shadow: var(--pcc-out-sm); transform: translateY(-1px); }
.pcc-btn:active { box-shadow: var(--pcc-in-sm); transform: translateY(0); }
.pcc-btn[disabled] { opacity: .55; cursor: not-allowed; box-shadow: var(--pcc-out-xs); }

.pcc-btn--primary { color: var(--pcc-green-700); font-weight: 700; }
.pcc-btn--primary:hover { color: var(--pcc-green-900); }
.pcc-btn--green {
	background: var(--pcc-green-btn); color: #fff; font-weight: 700;
	box-shadow: 6px 6px 12px rgba(46, 92, 42, .32), -5px -5px 10px var(--pcc-light);
}
.pcc-btn--green:hover { background: #367C39; }
.pcc-btn--green:active { box-shadow: inset 4px 4px 9px rgba(20, 55, 18, .45), inset -3px -3px 8px rgba(255,255,255,.18); }
.pcc-btn--soft { font-size: 13px; padding: 9px 16px; box-shadow: var(--pcc-out-sm); }
.pcc-btn--block { width: 100%; margin-top: 10px; }
.pcc-btn--ghost { background: transparent; box-shadow: none; color: var(--pcc-green-700); }
.pcc-btn--ghost:hover { background: var(--pcc-bg); box-shadow: var(--pcc-out-xs); }
.pcc-btn--danger-ghost { color: var(--pcc-red); box-shadow: var(--pcc-out-sm); }
.pcc-btn--danger-ghost:active { box-shadow: var(--pcc-in-sm); }

/* دکمهٔ آیکنی (ویرایش و مانند آن) */
.pcc-iconbtn {
	display: inline-flex; align-items: center; justify-content: center;
	width: 36px; height: 36px; flex: 0 0 36px;
	border: 0; border-radius: 50%; cursor: pointer;
	background: var(--pcc-bg); color: var(--pcc-green-700);
	box-shadow: var(--pcc-out-sm);
	transition: box-shadow .18s ease, color .18s ease;
}
.pcc-iconbtn:hover { color: var(--pcc-green-900); box-shadow: var(--pcc-out-xs); }
.pcc-iconbtn:active { box-shadow: var(--pcc-in-sm); }

/* دکمهٔ + افزودن اقدام */
.pcc-addbtn {
	display: inline-flex; align-items: center; justify-content: center;
	width: 44px; height: 44px; flex: 0 0 44px;
	border: 0; border-radius: 50%; cursor: pointer;
	background: var(--pcc-bg); color: var(--pcc-green-btn);
	box-shadow: var(--pcc-out);
	transition: box-shadow .18s ease, transform .18s ease, color .18s ease;
}
.pcc-addbtn:hover { transform: translateY(-1px); color: var(--pcc-green-900); }
.pcc-addbtn:active { box-shadow: var(--pcc-in-sm); transform: none; }

/* دکمهٔ صفحهٔ محصول (بیرون از .pcc-app) */
.pcc-have-btn {
	display: inline-flex; align-items: center; gap: 8px; margin: 12px 0;
	font-family: 'Vazirmatn', Tahoma, sans-serif; font-size: 14px; font-weight: 600;
	padding: 12px 24px; border-radius: 999px; cursor: pointer; border: 0;
	color: #2F5D2A; background: #E7DDCD;
	box-shadow: 6px 6px 12px rgba(157,141,116,.55), -6px -6px 12px #FFF8EC;
	transition: box-shadow .18s ease, transform .18s ease;
}
.pcc-have-btn:hover { transform: translateY(-1px); box-shadow: 4px 4px 8px rgba(157,141,116,.4), -4px -4px 8px #FFF8EC; }
.pcc-have-btn:active { box-shadow: inset 4px 4px 8px rgba(157,141,116,.5), inset -4px -4px 8px #FFF8EC; transform: none; }

/* ------------------------------------------------------------
   3) نوار ابزار، جستجو و فیلد‌ها
   ------------------------------------------------------------ */
.pcc-toolbar { display: flex; gap: 14px; align-items: center; margin-bottom: 22px; flex-wrap: wrap; }
.pcc-search {
	flex: 1; min-width: 220px; display: flex; align-items: center; gap: 10px;
	padding: 4px 18px; border-radius: 999px;
	background: var(--pcc-bg); color: var(--pcc-ink-soft);
	box-shadow: var(--pcc-in);
}
.pcc-search input {
	flex: 1; border: 0; background: transparent; font: inherit; font-size: 14px;
	padding: 10px 0; color: var(--pcc-ink); outline: none;
}
.pcc-search input::placeholder { color: var(--pcc-ink-soft); }
.pcc-search--modal { width: 100%; margin-top: 6px; }

.pcc-field { margin-bottom: 18px; }
.pcc-field > label {
	display: block; font-size: 13px; font-weight: 500;
	color: var(--pcc-ink-soft); margin-bottom: 8px;
}
.pcc-field input[type="text"],
.pcc-field input[type="number"],
.pcc-field input[type="search"],
.pcc-field textarea {
	width: 100%; font: inherit; font-size: 14px; color: var(--pcc-ink);
	padding: 12px 16px; border: 0; border-radius: var(--pcc-radius-sm);
	background: var(--pcc-bg); box-shadow: var(--pcc-in); outline: none;
}
.pcc-field input[type="file"] {
	width: 100%; font: inherit; font-size: 13px; color: var(--pcc-ink-soft);
	padding: 12px 14px; border: 0; border-radius: var(--pcc-radius-sm);
	background: var(--pcc-bg); box-shadow: var(--pcc-in-sm);
}
.pcc-optional { color: var(--pcc-ink-soft); font-weight: 400; }

.pcc-hint { font-size: 12.5px; color: var(--pcc-ink-soft); margin: 8px 0 0; }
.pcc-hint--center { text-align: center; }
.pcc-error {
	font-size: 13px; color: var(--pcc-red); margin: 12px 0 0;
	padding: 10px 14px; border-radius: var(--pcc-radius-sm);
	background: var(--pcc-bg); box-shadow: var(--pcc-in-sm);
}

/* انتخابگر عنوان اقدام */
.pcc-selectwrap {
	display: flex; align-items: center; gap: 12px;
	padding: 6px 16px; border-radius: var(--pcc-radius-sm);
	background: var(--pcc-bg); box-shadow: var(--pcc-in);
}
.pcc-select {
	flex: 1; border: 0; background: transparent; outline: none;
	font: inherit; font-size: 14px; color: var(--pcc-ink);
	padding: 10px 0; cursor: pointer;
}

/* رادیوهای نوع اقدام */
.pcc-radios { display: flex; gap: 10px; flex-wrap: wrap; }
.pcc-radio { position: relative; cursor: pointer; }
.pcc-radio[hidden] { display: none; }
.pcc-radio input { position: absolute; opacity: 0; inset: 0; cursor: pointer; }
.pcc-radio__box {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 10px 16px; border-radius: 999px; font-size: 13px;
	background: var(--pcc-bg); color: var(--pcc-ink-soft);
	box-shadow: var(--pcc-out-sm);
	transition: box-shadow .18s ease, color .18s ease;
}
.pcc-radio input:checked + .pcc-radio__box {
	box-shadow: var(--pcc-in-sm); color: var(--pcc-green-700); font-weight: 600;
}
.pcc-radio input:focus-visible + .pcc-radio__box { outline: 2px solid var(--pcc-green-500); outline-offset: 3px; }

/* اسپینر عددی */
.pcc-spinner {
	display: flex; align-items: center; justify-content: center; gap: 14px;
	padding: 8px; border-radius: var(--pcc-radius-sm);
	background: var(--pcc-bg); box-shadow: var(--pcc-in);
}
.pcc-spinner input {
	width: 84px; text-align: center; font: inherit; font-size: 20px; font-weight: 700;
	color: var(--pcc-green-900); border: 0; background: transparent; outline: none;
	-moz-appearance: textfield; box-shadow: none !important;
}
.pcc-spinner input::-webkit-outer-spin-button,
.pcc-spinner input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.pcc-spinner__btn {
	width: 40px; height: 40px; border: 0; border-radius: 50%; cursor: pointer;
	font-size: 20px; line-height: 1; color: var(--pcc-green-700);
	background: var(--pcc-bg); box-shadow: var(--pcc-out-sm);
	transition: box-shadow .15s ease;
}
.pcc-spinner__btn:active { box-shadow: var(--pcc-in-sm); }

/* کلید نمایش عمومی */
.pcc-toggle-row {
	display: flex; align-items: center; gap: 8px;
	margin-top: 14px; position: relative; flex-wrap: nowrap;
}
.pcc-toggle {
	display: inline-flex; align-items: center; gap: 10px; cursor: pointer;
	font-size: 13.5px; line-height: 1; color: var(--pcc-ink-soft); min-width: 0;
}
.pcc-toggle__label { line-height: 1; white-space: nowrap; }
.pcc-toggle input { position: absolute; opacity: 0; width: 0; height: 0; }
.pcc-toggle__track {
	width: 48px; height: 27px; flex: 0 0 48px; border-radius: 999px; position: relative;
	background: var(--pcc-bg); box-shadow: var(--pcc-in-sm);
	transition: background .2s ease;
}
.pcc-toggle__track::after {
	content: ''; position: absolute; top: 3px; right: 3px;
	width: 21px; height: 21px; border-radius: 50%;
	background: var(--pcc-bg); box-shadow: var(--pcc-out-xs);
	transition: transform .2s ease, background .2s ease;
}
.pcc-toggle input:checked + .pcc-toggle__track { background: var(--pcc-green-300); }
.pcc-toggle input:checked + .pcc-toggle__track::after { transform: translateX(-21px); background: var(--pcc-green-700); }
.pcc-info {
	display: inline-flex; align-items: center; justify-content: center;
	width: 22px; height: 22px; flex: 0 0 22px; padding: 0;
	border: 0; border-radius: 50%; cursor: pointer;
	font: inherit; font-size: 12px; font-weight: 700; line-height: 1;
	color: var(--pcc-ink-soft);
	background: var(--pcc-bg); box-shadow: var(--pcc-out-xs);
	transition: color .18s ease, box-shadow .18s ease;
}
.pcc-info:hover { color: var(--pcc-green-700); }
.pcc-info[aria-expanded="true"] { box-shadow: var(--pcc-in-sm); color: var(--pcc-green-700); }

/* پاپ‌اور راهنما — استایل گلس‌مورفیسم */
.pcc-popover {
	position: absolute; top: calc(100% + 10px); right: 0; z-index: 20;
	max-width: 320px;
	padding: 14px 16px; font-size: 12.5px; line-height: 1.9;
	color: var(--pcc-ink);
	background: linear-gradient(135deg, rgba(255, 248, 236, .55), rgba(231, 221, 205, .28));
	-webkit-backdrop-filter: blur(16px) saturate(160%);
	backdrop-filter: blur(16px) saturate(160%);
	border: 1px solid rgba(255, 255, 255, .55);
	border-radius: 18px;
	box-shadow: 0 10px 30px rgba(96, 84, 63, .22), inset 0 1px 0 rgba(255, 255, 255, .6);
	animation: pcc-pop .2s ease both;
}
.pcc-popover[hidden] { display: none; }

/* ------------------------------------------------------------
   4) فهرست گیاهان من
   ------------------------------------------------------------ */
.pcc-grid { display: grid; gap: 14px; width: 100%; max-width: 100%; }
.pcc-grid--list { grid-template-columns: minmax(0, 1fr); }
.pcc-grid > * { min-width: 0; max-width: 100%; }

.pcc-rowitem {
	display: flex; align-items: center; gap: 10px;
	width: 100%; max-width: 100%; min-width: 0; overflow: hidden;
	padding: 10px 14px 10px 10px; border-radius: var(--pcc-radius);
	background: var(--pcc-bg); box-shadow: var(--pcc-out);
	animation: pcc-rise .35s both;
	transition: box-shadow .18s ease, transform .18s ease;
}
.pcc-rowitem:hover { transform: translateY(-2px); box-shadow: var(--pcc-out-sm); }
.pcc-rowitem__link {
	flex: 1; display: flex; align-items: center; gap: 14px;
	text-decoration: none; color: var(--pcc-ink); min-width: 0;
}
.pcc-rowitem__photo {
	width: 56px; height: 56px; flex: 0 0 56px; border-radius: 50%;
	overflow: hidden; background: var(--pcc-bg-deep); box-shadow: var(--pcc-in-sm);
	display: block; padding: 0;
}
.pcc-rowitem__photo img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; }
.pcc-rowitem__name {
	font-size: 15px; font-weight: 600; color: var(--pcc-green-900);
	min-width: 0; flex: 1;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.pcc-rowitem__edit { flex: 0 0 36px; }

.pcc-skeleton {
	height: 78px; border-radius: var(--pcc-radius);
	background: var(--pcc-bg); box-shadow: var(--pcc-in-sm);
	animation: pcc-pulse 1.3s ease-in-out infinite;
}
.pcc-empty {
	text-align: center; padding: 46px 22px; color: var(--pcc-ink-soft);
	border-radius: var(--pcc-radius); background: var(--pcc-bg); box-shadow: var(--pcc-in-sm);
}
.pcc-empty svg { color: var(--pcc-green-300); margin-bottom: 12px; }
.pcc-empty h3 { margin-bottom: 6px; }
.pcc-empty p { margin: 0 0 18px; font-size: 13.5px; }

@keyframes pcc-rise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes pcc-pulse { 0%,100% { opacity: .55; } 50% { opacity: .95; } }

/* ------------------------------------------------------------
   5) صفحهٔ گیاه: بازگشت، هدر و بخش‌ها
   ------------------------------------------------------------ */
.pcc-back {
	display: inline-flex; align-items: center; gap: 7px; margin-bottom: 18px;
	font-size: 13px; color: var(--pcc-green-700); text-decoration: none;
	padding: 9px 16px; border-radius: 999px;
	background: var(--pcc-bg); box-shadow: var(--pcc-out-sm);
	transition: box-shadow .18s ease;
}
.pcc-back:hover { box-shadow: var(--pcc-out-xs); color: var(--pcc-green-900); }

.pcc-hero {
	position: relative;
	display: flex; gap: 20px; align-items: flex-start; flex-wrap: wrap;
	padding: 20px; margin-bottom: 20px;
	border-radius: var(--pcc-radius); background: var(--pcc-bg); box-shadow: var(--pcc-out);
}
/* آیکن ویرایش در گوشهٔ بالا سمت چپ کارت */
.pcc-hero__edit { position: absolute; top: 14px; left: 14px; z-index: 2; }
.pcc-hero__photo {
	width: 116px; height: 116px; flex: 0 0 116px; padding: 0;
	overflow: hidden;
	border-radius: 50%; background: var(--pcc-bg); box-shadow: var(--pcc-in);
}
.pcc-hero__photo img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; }
.pcc-hero__info { flex: 1; min-width: 200px; }
.pcc-hero__titlebar { display: flex; align-items: center; gap: 12px; padding-inline-end: 44px; }
.pcc-hero__titlebar h2 { font-size: 21px; margin: 0; }
.pcc-hero__meta { font-size: 13px; color: var(--pcc-ink-soft); margin: 6px 0 0; }
.pcc-hero__product {
	display: inline-block; margin-top: 8px; font-size: 13.5px; font-weight: 500;
	color: var(--pcc-green-700); text-decoration: none;
	padding: 8px 16px; border-radius: 999px;
	background: var(--pcc-bg); box-shadow: var(--pcc-out-sm);
	transition: box-shadow .18s ease;
}
.pcc-hero__product:hover { box-shadow: var(--pcc-out-xs); color: var(--pcc-green-900); }

.pcc-section {
	padding: 20px; margin-bottom: 20px;
	border-radius: var(--pcc-radius); background: var(--pcc-bg); box-shadow: var(--pcc-out);
}
.pcc-section__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.pcc-section__title { font-size: 16px; margin-bottom: 14px; }
.pcc-section__head .pcc-section__title { margin-bottom: 0; }
.pcc-section__head + .pcc-hint { margin-top: 10px; }
.pcc-section--danger {
	text-align: center; box-shadow: none; background: transparent;
	padding: 6px 0 4px; margin-bottom: 20px;
}

/* لینک متنی خطردار (حذف گیاه) */
.pcc-linkbtn {
	display: inline-block; border: 0; background: none; padding: 6px 4px;
	font: inherit; font-size: 13.5px; font-weight: 500; cursor: pointer;
	color: var(--pcc-red);
	text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px;
	box-shadow: none; border-radius: 8px;
	transition: opacity .18s ease, text-decoration-thickness .18s ease;
}
.pcc-linkbtn:hover { opacity: .78; text-decoration-thickness: 2px; }
.pcc-linkbtn:active { opacity: .6; }

/* پاپ‌آپ تأیید (هم‌رنگ و هم‌استایل بقیهٔ افزونه) */
.pcc-confirm__text { font-size: 13.5px; color: var(--pcc-ink-soft); margin: 0 0 20px; }
.pcc-confirm__actions { display: flex; gap: 10px; }
.pcc-confirm__actions .pcc-btn { flex: 1; }
.pcc-btn--danger {
	background: var(--pcc-red); color: #fff; font-weight: 700;
	box-shadow: 6px 6px 12px rgba(120, 44, 28, .28), -5px -5px 10px var(--pcc-light);
}
.pcc-btn--danger:hover { background: #9C3624; color: #fff; }
.pcc-btn--danger:active { box-shadow: inset 4px 4px 9px rgba(90, 32, 20, .45), inset -3px -3px 8px rgba(255,255,255,.18); }

/* ------------------------------------------------------------
   6) تقویم شمسی (تقویم اقدامات و انتخابگر تاریخ)
   ------------------------------------------------------------ */
.pcc-legend {
	display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 14px 0 0;
	font-size: 12.5px; color: var(--pcc-ink-soft);
}
.pcc-legend span { display: inline-flex; align-items: center; gap: 7px; }

.pcc-cal {
	padding: 14px; border-radius: var(--pcc-radius-sm);
	background: var(--pcc-bg); box-shadow: var(--pcc-in-sm);
}
.pcc-cal__nav {
	display: flex; align-items: center; justify-content: space-between; gap: 10px;
	margin-bottom: 12px;
}
.pcc-cal__nav strong { font-size: 14.5px; color: var(--pcc-green-900); }
.pcc-cal__navbtn {
	width: 38px; height: 38px; border: 0; border-radius: 50%; cursor: pointer;
	display: inline-flex; align-items: center; justify-content: center;
	line-height: 1; color: var(--pcc-green-700);
	background: var(--pcc-bg); box-shadow: var(--pcc-out-sm);
	transition: box-shadow .15s ease, color .15s ease;
}
.pcc-cal__navbtn svg { display: block; }
.pcc-cal__navbtn:hover { color: var(--pcc-green-900); box-shadow: var(--pcc-out-xs); }
.pcc-cal__navbtn:active { box-shadow: var(--pcc-in-sm); }

.pcc-cal__grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; }
.pcc-cal__dow { text-align: center; font-size: 11.5px; color: var(--pcc-ink-soft); padding-bottom: 4px; }
.pcc-cal__day {
	position: relative; min-height: 46px; border-radius: 12px;
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
	background: var(--pcc-bg); box-shadow: var(--pcc-out-xs);
	transition: box-shadow .15s ease, background .15s ease, transform .15s ease;
}
.pcc-cal__day.is-blank { background: transparent; box-shadow: none; }
.pcc-cal__day[role="button"] { cursor: pointer; }
.pcc-cal__day[role="button"]:hover { transform: translateY(-1px); }
.pcc-cal__daynum { font-size: 13px; color: var(--pcc-ink); }
.pcc-cal__day.is-today .pcc-cal__daynum { color: var(--pcc-green-700); font-weight: 700; }
.pcc-cal__day.is-today { box-shadow: var(--pcc-out-sm); }
.pcc-cal__day.is-future { opacity: .45; }
.pcc-cal__day.is-selected { box-shadow: var(--pcc-in-sm); }
.pcc-cal__day.is-selected .pcc-cal__daynum { font-weight: 700; color: var(--pcc-green-900); }

/* روزهایی که اقدامی در آن ثبت شده: پس‌زمینهٔ سبز روشن */
.pcc-cal__day.has-events { background: var(--pcc-day-green); }
.pcc-cal__day.has-events .pcc-cal__daynum { color: var(--pcc-green-900); font-weight: 600; }
.pcc-cal__day.has-events.is-selected { background: #CBE8C1; }

/* روزهای آینده‌ای که طبق دورهٔ هر اقدام قرار است اقدامی انجام شود */
.pcc-cal__day.has-planned { background: rgba(221, 240, 214, .5); }
.pcc-evdot--planned { opacity: .4; }

.pcc-evdots { display: flex; gap: 3px; flex-wrap: wrap; justify-content: center; }

/* ------------------------------------------------------------
   7) دایره‌های اقدام (توپر / توخالی / حلقه‌دار)
   ------------------------------------------------------------ */
.pcc-evdot {
	display: inline-block; width: 9px; height: 9px; border-radius: 50%;
	background: var(--c, var(--pcc-green-500)); flex: 0 0 auto;
}
.pcc-evdot--lg { width: 18px; height: 18px; }

/* همراه آبیاری: توپر */
.pcc-evdot.is-watering { background: var(--c, var(--pcc-green-500)); border: 0; }
/* محلول‌پاشی: توخالی */
.pcc-evdot.is-foliar,
.pcc-evdot.is-hollow {
	background: transparent;
	border: 2px solid var(--c, var(--pcc-green-500));
}
.pcc-evdot--lg.is-foliar,
.pcc-evdot--lg.is-hollow { border-width: 3px; }
/* سایر: توپر با حلقهٔ بیرونی */
.pcc-evdot.is-other {
	background: var(--c, var(--pcc-green-500));
	box-shadow: 0 0 0 2px var(--pcc-bg), 0 0 0 3.5px var(--c, var(--pcc-green-500));
}
.pcc-evdot--lg.is-other { box-shadow: 0 0 0 3px var(--pcc-bg), 0 0 0 5px var(--c, var(--pcc-green-500)); }

/* ------------------------------------------------------------
   8) فهرست دوره‌های اقدام (تک‌ستونی)
   ------------------------------------------------------------ */
.pcc-actions { display: flex; flex-direction: column; gap: 12px; margin-top: 14px; }
.pcc-action {
	display: flex; align-items: center; gap: 8px;
	padding: 8px 12px 8px 8px; border-radius: var(--pcc-radius-sm);
	background: var(--pcc-bg); box-shadow: var(--pcc-out-sm);
	transition: box-shadow .18s ease;
}
.pcc-action:hover { box-shadow: var(--pcc-out-xs); }
.pcc-action.is-active { box-shadow: var(--pcc-in-sm); }
.pcc-action__main {
	flex: 1; display: flex; align-items: center; gap: 14px;
	border: 0; background: transparent; cursor: pointer; font: inherit;
	padding: 10px 6px; text-align: start; color: var(--pcc-ink); min-width: 0;
}
.pcc-action__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.pcc-action__label { font-size: 14.5px; font-weight: 600; color: var(--pcc-green-900); }
.pcc-action__meta { font-size: 12px; color: var(--pcc-ink-soft); }
.pcc-action__check {
	width: 30px; height: 30px; flex: 0 0 30px; border-radius: 50%;
	display: inline-flex; align-items: center; justify-content: center;
	font-size: 15px; font-weight: 700; color: var(--pcc-green-btn);
	background: var(--pcc-bg); box-shadow: var(--pcc-out-xs);
}
.pcc-action.is-active .pcc-action__check { box-shadow: var(--pcc-in-sm); }
.pcc-action__edit { flex: 0 0 36px; }

/* حالت فقط‌خواندنی (صفحهٔ عمومی و راهنما) */
.pcc-actions--ro { flex-direction: row; flex-wrap: wrap; }
.pcc-action--ro {
	gap: 10px; padding: 8px 14px; border-radius: 999px;
	font-size: 13px; box-shadow: var(--pcc-out-xs);
}
.pcc-action--ro .pcc-action__label { font-size: 13px; font-weight: 500; }

/* ------------------------------------------------------------
   9) اعلان‌ها و تاریخچه
   ------------------------------------------------------------ */
.pcc-notices { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.pcc-notices li {
	display: flex; align-items: center; gap: 10px; font-size: 13.5px;
	padding: 12px 16px; border-radius: var(--pcc-radius-sm);
	background: var(--pcc-bg); box-shadow: var(--pcc-out-xs); color: var(--pcc-ink);
}
.pcc-notices li.is-due { box-shadow: var(--pcc-in-sm); color: var(--pcc-green-900); font-weight: 500; }
.pcc-notices__empty { color: var(--pcc-ink-soft) !important; box-shadow: none !important; }

.pcc-history { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.pcc-history li {
	display: flex; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 13px;
	padding: 12px 16px; border-radius: var(--pcc-radius-sm);
	background: var(--pcc-bg); box-shadow: var(--pcc-out-xs);
}
.pcc-history__task { font-weight: 600; color: var(--pcc-green-900); }
.pcc-history__method { color: var(--pcc-ink-soft); }
.pcc-history__date { margin-inline-start: auto; color: var(--pcc-ink-soft); font-size: 12px; }
.pcc-history__note { width: 100%; color: var(--pcc-ink-soft); font-size: 12.5px; }
.pcc-history__photo { width: 48px; height: 48px; object-fit: cover; border-radius: 12px; box-shadow: var(--pcc-out-xs); }
#pcc-history-more { margin-top: 14px; }

/* ------------------------------------------------------------
   10) لیبل QR
   ------------------------------------------------------------ */
.pcc-qr { display: flex; justify-content: center; margin-top: 16px; }
.pcc-qr__label {
	border: 0; cursor: zoom-in; padding: 18px; border-radius: var(--pcc-radius);
	background: var(--pcc-bg); box-shadow: var(--pcc-out);
	transition: box-shadow .18s ease, transform .18s ease;
	line-height: 0;
}
.pcc-qr__label:hover { transform: translateY(-2px); box-shadow: var(--pcc-out-sm); }
.pcc-qr__label:active { box-shadow: var(--pcc-in-sm); transform: none; }
.pcc-qr__label svg, .pcc-qrcode svg { display: block; }
.pcc-qr__zoom {
	display: flex; justify-content: center; padding: 20px; margin-top: 8px;
	border-radius: var(--pcc-radius); background: var(--pcc-bg); box-shadow: var(--pcc-in-sm);
}
.pcc-modal__card--qr { text-align: center; }

/* ------------------------------------------------------------
   11) مودال‌ها
   ------------------------------------------------------------ */
.pcc-modal { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; padding: 18px; }
.pcc-modal[hidden] { display: none; }
.pcc-modal__backdrop { position: absolute; inset: 0; background: rgba(43, 42, 36, .38); backdrop-filter: blur(3px); }
.pcc-modal__card {
	position: relative; z-index: 1; width: 100%; max-width: 480px;
	max-height: 88vh; overflow-y: auto;
	padding: 26px; border-radius: 26px;
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif; color: var(--pcc-ink, #2B2A24);
	background: var(--pcc-bg, #E7DDCD);
	box-shadow: 10px 10px 24px rgba(96, 84, 63, .35), -8px -8px 20px rgba(255,248,236,.8);
	animation: pcc-pop .22s ease both;
}
.pcc-modal__card--sm { max-width: 400px; }
.pcc-modal__card h3 { font-size: 17px; margin: 0 0 18px; color: var(--pcc-green-900, #1E3D1A); }
.pcc-modal__close {
	position: absolute; top: 16px; left: 16px;
	width: 34px; height: 34px; border: 0; border-radius: 50%; cursor: pointer;
	font-size: 19px; line-height: 1; color: var(--pcc-ink-soft, #6C665A);
	background: var(--pcc-bg, #E7DDCD);
	box-shadow: 4px 4px 8px rgba(157,141,116,.38), -4px -4px 8px #FFF8EC;
}
.pcc-modal__close:active { box-shadow: inset 3px 3px 6px rgba(157,141,116,.38), inset -3px -3px 6px #FFF8EC; }
@keyframes pcc-pop { from { opacity: 0; transform: scale(.96) translateY(8px); } to { opacity: 1; transform: none; } }

/* مودال‌ها بیرون از .pcc-app رندر می‌شوند، پس توکن‌ها را دوباره تعریف می‌کنیم */
.pcc-modal {
	--pcc-bg:        #E7DDCD;
	--pcc-bg-deep:   #DCD1BE;
	--pcc-light:     #FFF8EC;
	--pcc-dark:      rgba(157, 141, 116, .55);
	--pcc-dark-soft: rgba(157, 141, 116, .38);
	--pcc-green-900: #1E3D1A;
	--pcc-green-700: #2F5D2A;
	--pcc-green-500: #4C8C43;
	--pcc-green-300: #8CC084;
	--pcc-green-btn: #3E9142;
	--pcc-day-green: #DDF0D6;
	--pcc-ink:       #2B2A24;
	--pcc-ink-soft:  #6C665A;
	--pcc-red:       #B3402A;
	--pcc-radius:    20px;
	--pcc-radius-sm: 14px;
	--pcc-out:    6px 6px 12px var(--pcc-dark), -6px -6px 12px var(--pcc-light);
	--pcc-out-sm: 4px 4px 8px var(--pcc-dark-soft), -4px -4px 8px var(--pcc-light);
	--pcc-out-xs: 2px 2px 5px var(--pcc-dark-soft), -2px -2px 5px var(--pcc-light);
	--pcc-in:     inset 5px 5px 10px var(--pcc-dark), inset -5px -5px 10px var(--pcc-light);
	--pcc-in-sm:  inset 3px 3px 6px var(--pcc-dark-soft), inset -3px -3px 6px var(--pcc-light);
	line-height: 1.7;
}
.pcc-modal *, .pcc-modal *::before, .pcc-modal *::after { box-sizing: border-box; }
.pcc-modal :focus-visible { outline: 2px solid var(--pcc-green-500); outline-offset: 3px; border-radius: 10px; }

/* نتایج جستجوی محصول */
.pcc-results {
	list-style: none; margin: 12px 0 0; padding: 6px; max-height: 220px; overflow-y: auto;
	border-radius: var(--pcc-radius-sm); background: var(--pcc-bg); box-shadow: var(--pcc-in-sm);
}
.pcc-results li {
	display: flex; align-items: center; gap: 10px; font-size: 13.5px;
	padding: 9px 12px; border-radius: 12px; cursor: pointer;
}
.pcc-results li:hover { box-shadow: var(--pcc-out-xs); background: var(--pcc-bg); }
.pcc-results li img {
	width: 36px !important; height: 36px !important;
	max-width: 36px !important; max-height: 36px !important;
	flex: 0 0 36px; aspect-ratio: 1 / 1;
	border-radius: 10px; object-fit: cover !important; object-position: center center;
	display: block; background: var(--pcc-bg-deep);
}
.pcc-results__empty { color: var(--pcc-ink-soft); cursor: default; }

.pcc-selected {
	display: flex; align-items: center; gap: 12px; margin-bottom: 18px;
	padding: 10px 14px; border-radius: var(--pcc-radius-sm);
	background: var(--pcc-bg); box-shadow: var(--pcc-in-sm);
}
.pcc-selected img {
	width: 44px !important; height: 44px !important;
	max-width: 44px !important; max-height: 44px !important;
	flex: 0 0 44px; aspect-ratio: 1 / 1;
	border-radius: 12px; object-fit: cover !important; object-position: center center;
	display: block; background: var(--pcc-bg-deep);
}
.pcc-selected img[hidden] { display: none !important; }
.pcc-selected__name { flex: 1; font-size: 14px; font-weight: 600; color: var(--pcc-green-900); }
.pcc-selected__change {
	border: 0; cursor: pointer; font: inherit; font-size: 12.5px; color: var(--pcc-green-700);
	padding: 7px 14px; border-radius: 999px; background: var(--pcc-bg); box-shadow: var(--pcc-out-xs);
}

.pcc-photo-preview { margin-top: 12px; }
.pcc-photo-preview img { width: 100%; max-height: 190px; object-fit: cover; border-radius: var(--pcc-radius-sm); box-shadow: var(--pcc-out-sm); }

/* ویرایش عکس در مودال ویرایش */
.pcc-photoedit { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.pcc-photoedit__thumb {
	width: 72px; height: 72px; flex: 0 0 72px; padding: 0; border-radius: 50%;
	overflow: hidden;
	background: var(--pcc-bg); box-shadow: var(--pcc-in-sm);
}
.pcc-photoedit__thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; }

/* ------------------------------------------------------------
   12) انتخابگر تاریخ شمسی
   ------------------------------------------------------------ */
.pcc-jdp { position: relative; }
.pcc-jdp__input { cursor: pointer; }
.pcc-jdp__panel {
	position: static; margin-top: 12px; z-index: 30;
	padding: 14px; border-radius: var(--pcc-radius-sm);
	background: var(--pcc-bg); box-shadow: var(--pcc-out);
}
.pcc-jdp__panel[hidden] { display: none; }
.pcc-jdp__panel .pcc-cal { padding: 0; box-shadow: none; background: transparent; }

/* ------------------------------------------------------------
   13) نوار افقی سایر گیاهان
   ------------------------------------------------------------ */
.pcc-ministrip {
	padding: 18px 20px; border-radius: var(--pcc-radius);
	background: var(--pcc-bg); box-shadow: var(--pcc-in-sm);
}
.pcc-ministrip[hidden] { display: none; }
.pcc-ministrip h4 { font-size: 14px; margin-bottom: 14px; }
.pcc-ministrip__scroll { display: flex; gap: 16px; overflow-x: auto; padding-bottom: 6px; }
.pcc-mini { flex: 0 0 76px; text-align: center; text-decoration: none; color: var(--pcc-ink); }
.pcc-mini__photo {
	position: relative; width: 62px; height: 62px; margin: 0 auto 8px; padding: 0;
	border-radius: 50%; background: var(--pcc-bg); box-shadow: var(--pcc-out-sm);
}
.pcc-mini__photo img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; }
.pcc-mini__dot {
	position: absolute; bottom: 2px; left: 2px; width: 13px; height: 13px;
	border-radius: 50%; background: var(--pcc-green-500); box-shadow: 0 0 0 3px var(--pcc-bg);
}
.pcc-mini__dot--due { background: var(--pcc-amber); }
.pcc-mini__dot--overdue { background: var(--pcc-red); }
.pcc-mini__name { font-size: 11.5px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ------------------------------------------------------------
   14) صفحهٔ عمومی گیاه
   ------------------------------------------------------------ */
.pcc-public { max-width: 640px; margin: 40px auto; }
.pcc-public__wrap { display: flex; flex-direction: column; gap: 20px; }
.pcc-public__card {
	text-align: center; padding: 28px 24px;
	border-radius: var(--pcc-radius); background: var(--pcc-bg); box-shadow: var(--pcc-out);
}
.pcc-public__card svg { color: var(--pcc-green-300); margin-bottom: 10px; }
.pcc-public__card h2 { font-size: 20px; margin-bottom: 8px; }
.pcc-public__card p { font-size: 13.5px; color: var(--pcc-ink-soft); margin: 0 0 16px; }
.pcc-public__card a { color: var(--pcc-green-700); }
.pcc-public__photo {
	width: 128px; height: 128px !important; aspect-ratio: 1 / 1;
	max-width: 128px !important;
	object-fit: cover !important; object-position: center center;
	border-radius: 50%; display: block; margin: 0 auto 14px;
	padding: 0; background: var(--pcc-bg); box-shadow: var(--pcc-in-sm);
}

/* ------------------------------------------------------------
   15) واکنش‌گرایی
   ------------------------------------------------------------ */
@media (max-width: 560px) {
	.pcc-app { padding: 14px; border-radius: var(--pcc-radius-sm); }
	.pcc-hero { gap: 14px; padding: 16px; }
	.pcc-hero__photo { width: 88px; height: 88px; flex: 0 0 88px; }
	.pcc-hero__titlebar h2 { font-size: 18px; }
	.pcc-section { padding: 16px; }
	.pcc-cal__day { min-height: 40px; }
	.pcc-cal__grid { gap: 4px; }
	.pcc-modal__card { padding: 20px; border-radius: 20px; }
	.pcc-toolbar { gap: 10px; }
	.pcc-radios { gap: 8px; }
	.pcc-radio__box { padding: 9px 13px; font-size: 12.5px; }
}

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

/* ------------------------------------------------------------
   16) حذف خط افقی روی آیتم‌های «گیاهان من» (تداخل با استایل قالب)
   ------------------------------------------------------------ */
#pcc-my-plants .pcc-grid,
#pcc-my-plants .pcc-grid > *,
#pcc-my-plants .pcc-rowitem,
#pcc-my-plants .pcc-rowitem__link,
#pcc-my-plants .pcc-rowitem__photo,
#pcc-my-plants .pcc-rowitem__name {
	border: 0 !important;
	border-top: 0 !important;
	border-bottom: 0 !important;
	text-decoration: none !important;
	background-image: none;
}
#pcc-my-plants .pcc-grid > *::before,
#pcc-my-plants .pcc-grid > *::after,
#pcc-my-plants .pcc-rowitem::before,
#pcc-my-plants .pcc-rowitem::after,
#pcc-my-plants .pcc-rowitem__link::before,
#pcc-my-plants .pcc-rowitem__link::after {
	content: none !important;
	display: none !important;
}
#pcc-my-plants hr { display: none !important; }