/* ICD ERP login motion panel (icd3s_core.login_motion, /login on the ICD site only). ICD Pro: tint + hairline + purple
   ink, no solid fills. Colours follow the page's own Frappe tokens where it has them. */
.icdl-panel {
	--icdl-accent: #4D067B;
	--icdl-paper: var(--card-bg, #ffffff);
	--icdl-line: rgba(77, 6, 123, .16);
	--icdl-tint: rgba(77, 6, 123, .06);
	--icdl-muted: var(--text-muted, #5a5363);
	margin: 28px auto 0;
	max-width: 520px;
	padding: 18px;
	border: 1px solid var(--icdl-line);
	border-radius: 16px;
	background: radial-gradient(closest-side, var(--icdl-tint), transparent) center / 90% 90% no-repeat, var(--icdl-paper);
}
[data-theme="dark"] .icdl-panel { --icdl-accent: #cfa8f0; --icdl-line: rgba(207, 168, 240, .24); --icdl-tint: rgba(207, 168, 240, .08); }
.icdl-lab { margin: 0 0 12px; font-size: .85rem; font-weight: 700; letter-spacing: 0; color: var(--icdl-accent); }
.icdl-kit { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.icdl-item { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 6px; border: 1px solid var(--icdl-line); border-radius: 12px; background: var(--icdl-paper); min-width: 0; }
.icdl-art { display: block; width: 100%; max-width: 130px; aspect-ratio: 1; }
.icdl-art .icdl-mot { display: block; width: 100%; height: auto; }
.icdl-art .icdm-bead { stroke: var(--icdl-paper); }   /* the runtime rings the data bead in white; the ring is the card's paper */
.icdl-word { font-size: .8rem; font-weight: 700; letter-spacing: 0; color: var(--icdl-muted); white-space: nowrap; }
/* wide screens: sign-in on the left, the panel on the right; the login sections keep their own show/hide */
@media (min-width: 960px) {
	.page_content.icdl-on { display: grid; grid-template-columns: minmax(0, 420px) minmax(0, 520px); justify-content: center; align-items: center; column-gap: 48px; }
	.page_content.icdl-on > section { grid-column: 1; }
	.page_content.icdl-on > .icdl-panel { grid-column: 2; grid-row: 1 / span 6; margin: 0; }
}
@media (max-width: 420px) {
	.icdl-panel { padding: 12px; }
	.icdl-kit { gap: 8px; }
	.icdl-word { font-size: .64rem; letter-spacing: .04em; }
}