.fcc-cards { margin: 0; font-family: var(--pc-font, 'Plus Jakarta Sans', system-ui, sans-serif); }

.fcc-cr {
	display: grid; grid-template-columns: 96px minmax(0, 1fr); grid-template-areas: "pz tx" "pr pr";
	column-gap: 14px; row-gap: 4px; margin: 0 0 12px; padding: 14px; border-radius: 16px; background: var(--pc-card, #fff);
	transition: opacity .2s;
}
.fcc-cr.is-busy { opacity: .45; pointer-events: none; }
.fcc-cr-pz { grid-area: pz; width: 96px; height: 96px; border-radius: 12px; background: #f6f7f9; display: grid; place-items: center; cursor: pointer; }
.fcc-cr-card {
	width: 60px; aspect-ratio: 2 / 3; box-sizing: border-box; padding: 5px; border-radius: 4px; overflow: hidden;
	display: flex; align-items: center; justify-content: center; background: #fff center / cover no-repeat;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .18);
}
.fcc-cr-txt { width: 100%; max-height: 100%; overflow: hidden; white-space: pre-wrap; word-wrap: break-word; line-height: 1.6; }
.fcc-cr-tx { grid-area: tx; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; padding-top: 2px; }
.fcc-cr-nm { font: 600 15.5px/1.4 var(--pc-font, inherit); color: var(--pc-ink, #1f2d3d); }
.fcc-cr-livr { margin-top: 4px; font-size: 12.5px; line-height: 1.35; font-weight: 600; color: var(--pc-gtxt, #1e8c4e); }
.fcc-cr-exc {
	margin-top: 4px; font-size: 13px; line-height: 1.4; color: #444; font-style: italic;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.fcc-cards a.fcc-cr-ed {
	margin-top: 5px; font: 500 13.5px/1.3 var(--pc-font, inherit); color: var(--pc-mut, #6b7684);
	text-decoration: underline; text-underline-offset: 2px;
}
.fcc-cards a.fcc-cr-ed:hover { color: var(--pc-ink, #1f2d3d); }
.fcc-cr-pr { grid-area: pr; display: flex; flex-direction: column; align-items: flex-end; }
.fcc-cr-p { font: 800 20px/1.15 var(--pc-head, 'Poppins', sans-serif); color: var(--pc-ink, #1f2d3d); white-space: nowrap; }
.fcc-cr-p sup { position: static; font-size: 11px; line-height: 0; vertical-align: 8px; margin-left: 1px; font-weight: 800; }
.fcc-v { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.fcc-cards .fcc-gm-pret { font-weight: 700; font-size: 14.5px; line-height: 1.3; color: var(--pc-gtxt, #1e8c4e); white-space: nowrap; }
.fcc-cards .fcc-gm-pret sup, .fcc-sheet .fcc-sh-ok sup { position: static; top: auto; font-size: .62em; line-height: 0; vertical-align: .55em; margin-left: 1px; font-weight: inherit; }
.fcc-cards a.fcc-cr-del {
	margin-top: 4px; padding-bottom: 1px; font: 400 13px/1.3 var(--pc-font, inherit); color: #666;
	text-decoration: none; border-bottom: 1px dashed #999;
}
.fcc-cards a.fcc-cr-del:hover { color: var(--pc-red, #e8452c); border-bottom-color: var(--pc-red, #e8452c); }
@media (min-width: 769px) {
	.fcc-cr { grid-template-columns: 96px minmax(0, 1fr) auto; grid-template-areas: "pz tx pr"; }
	.fcc-cr-pr { align-self: start; padding-top: 2px; }
}

.fcc-cards .fcc-cr-add { cursor: pointer; }
.fcc-cards .fcc-cr-add:hover { border-color: var(--pc-green, #27ae60); }
.fcc-cards .fcc-cr-add:focus-visible { outline: 2px solid var(--pc-blue, #3b5bdb); outline-offset: 2px; }
.fcc-cr-tgl { flex: 0 0 34px; width: 34px; height: 20px; border-radius: 12px; background: #cfd4da; position: relative; }
.fcc-cr-tgl::after { content: ''; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; }
.fcc-cr-plus { flex: 0 0 34px; width: 34px; text-align: center; font: 700 24px/20px var(--pc-font, inherit); color: var(--pc-green, #27ae60); }

html.fcc-sheet-open, html.fcc-sheet-open body { overflow: hidden; }
html.fcc-sheet-open #pbca-cos-bar, html.fcc-sheet-open #pbcg-launcher, html.fcc-sheet-open .pbca-toasts { display: none !important; }
.fcc-sheet {
	position: fixed; inset: 0; z-index: 2147483000; display: flex; align-items: stretch; justify-content: center;
	background: rgba(17, 24, 39, .45); font-family: var(--pc-font, 'Plus Jakarta Sans', system-ui, sans-serif); color: var(--pc-ink, #1f2d3d);
}
.fcc-sh-box { width: 100%; height: 100%; display: flex; flex-direction: column; background: #fff; animation: fccShUrca .22s ease-out; }
@keyframes fccShUrca { from { transform: translateY(24px); opacity: 0; } to { transform: none; opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .fcc-sh-box { animation: none; } }
@media (min-width: 769px) {
	.fcc-sheet { align-items: center; padding: 24px; }
	.fcc-sh-box { width: 460px; height: auto; max-height: 92vh; border-radius: 20px; overflow: hidden; box-shadow: 0 24px 60px -20px rgba(0, 0, 0, .45); }
}
.fcc-sh-h {
	display: flex; align-items: center; justify-content: space-between; gap: 10px;
	padding: max(14px, env(safe-area-inset-top)) 16px 12px; border-bottom: 1px solid #eef0f3;
}
.fcc-sh-h b { font: 800 18px var(--pc-head, 'Poppins', sans-serif); }
.fcc-sheet button.fcc-sh-x {
	border: 0; background: none; box-shadow: none; min-height: 0; padding: 4px 8px; margin: 0; line-height: 1;
	font-size: 22px; color: var(--pc-mut, #6b7684); cursor: pointer;
}
.fcc-sh-c { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 16px 16px 10px; }
.fcc-sh-card {
	margin: 0 auto; aspect-ratio: 2 / 3; box-sizing: border-box; border-radius: 10px; overflow: hidden;
	display: flex; align-items: center; justify-content: center; background: #fff center / cover no-repeat;
	box-shadow: 0 12px 30px -12px rgba(0, 0, 0, .35), 0 1px 3px rgba(0, 0, 0, .08);
}
.fcc-sh-tx {
	width: 100%; max-height: 100%; min-height: 1.6em; overflow: hidden; outline: none; cursor: text;
	white-space: pre-wrap; word-wrap: break-word; line-height: 1.6; -webkit-user-select: text; user-select: text;
}
.fcc-sh-tx:empty::before { content: attr(data-ph); color: #9aa3ad; font: italic 14px var(--pc-font, sans-serif); }
.fcc-sh-hint { margin: 8px 0 0; text-align: center; font-size: 12px; color: var(--pc-mut, #6b7684); }
.fcc-sh-lb { display: flex; justify-content: space-between; margin: 14px 0 6px; font: 700 12.5px var(--pc-font, inherit); color: var(--pc-mut, #6b7684); }
.fcc-sh-pills { display: flex; gap: 8px; }
.fcc-sheet button.fcc-sh-pill {
	flex: 1; min-width: 0; height: 42px; min-height: 0; margin: 0; padding: 0; border: 1.5px solid #e3e6ea; border-radius: 12px;
	background: #fff; box-shadow: none; font-size: 19px; font-weight: 400; color: #333; text-transform: none; letter-spacing: 0; cursor: pointer;
}
.fcc-sheet button.fcc-sh-pill.on { border-color: var(--pc-ink, #1f2d3d); background: #f1f2f4; }
.fcc-sh-mar { display: flex; align-items: center; gap: 10px; }
.fcc-sheet .fcc-sh-mar button {
	width: 40px; height: 40px; min-height: 0; margin: 0; padding: 0; border: 1.5px solid #cfd4da; border-radius: 50%;
	background: #fff; box-shadow: none; font: 700 18px/1 var(--pc-font, inherit); color: var(--pc-ink, #1f2d3d); cursor: pointer;
}
.fcc-sh-mar b { min-width: 90px; text-align: center; font-size: 14px; }
.fcc-sh-ths { display: flex; gap: 10px; overflow-x: auto; padding: 3px 3px 6px; scrollbar-width: none; }
.fcc-sh-ths::-webkit-scrollbar { display: none; }
.fcc-sheet button.fcc-sh-th {
	flex: none; position: relative; width: 54px; height: 81px; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 9px;
	background: #fff center / cover no-repeat; box-shadow: 0 0 0 1.5px #e3e6ea; cursor: pointer;
}
.fcc-sheet button.fcc-sh-th.on { box-shadow: 0 0 0 2.5px var(--pc-green, #27ae60); }
.fcc-sheet button.fcc-sh-th.on::after {
	content: '✓'; position: absolute; right: -5px; top: -5px; width: 18px; height: 18px; border-radius: 50%;
	background: var(--pc-green, #27ae60); color: #fff; font: 700 11px/18px system-ui; text-align: center;
}
.fcc-sh-nota { display: flex; gap: 6px; margin: 14px 0 4px; font-size: 12px; line-height: 1.4; color: var(--pc-mut, #6b7684); }
.fcc-sh-nota i { font-style: normal; }
.fcc-sh-f { padding: 12px 16px calc(14px + env(safe-area-inset-bottom)); border-top: 1px solid #eef0f3; background: #fff; }
.fcc-sheet button.fcc-sh-ok {
	display: block; width: 100%; min-height: 0; margin: 0; padding: 15px; border: 0; border-radius: 14px;
	background: var(--pc-green, #27ae60); box-shadow: none; color: #fff; font: 700 16px var(--pc-font, inherit);
	text-transform: none; letter-spacing: 0; cursor: pointer;
}
.fcc-sheet button.fcc-sh-ok:hover { background: var(--pc-gdark, #1e7e47); }
.fcc-sheet button.fcc-sh-ok.is-off { background: #b8c0c8; cursor: default; }