/* LifePlan Objectives v1.3.0
 * Module-specific layout only. Shared header, card, form control, status,
 * colors, shadows and motion come from LifePlan Core UI Kit.
 */

.lpo-view{
	width:100%;
	max-width:var(--lp-content-width,1180px);
	margin:0 auto;
	font-family:var(--lp-font-family,inherit);
	color:var(--lp-text,#242a2f);
}

.lpo-page-header,
.lpo-page-header-fallback{
	max-width:1040px;
}

.lpo-page-header-fallback h2{
	margin:0 0 10px;
	color:var(--lp-primary,#7b1d3d);
	font-size:var(--lp-title-size,38px);
	font-weight:var(--lp-title-weight,500);
}

.lpo-page-header-fallback p{
	margin:0 0 22px;
	color:var(--lp-muted,#6f7881);
	font-size:var(--lp-body-size,15px);
	line-height:1.6;
}

.lpo-card{width:100%}

.lpo-card-head>div:first-child{
	display:grid;
	gap:3px;
	min-width:0;
}

.lpo-card-head .lp-ui-card__meta{
	font-weight:400;
}

.lpo-save-status{
	flex:0 0 auto;
	min-width:205px;
}

.lpo-card-body{
	padding:0;
}

.lpo-editor{
	display:block;
	gap:0;
}

.lpo-editor-control{
	display:block;
	min-height:330px;
	padding:19px 20px;
	border:0;
	border-radius:0;
	background:var(--lp-surface-subtle,#fbfcfd);
	font-size:var(--lp-body-size,15px);
	line-height:1.68;
	resize:vertical;
}

.lpo-editor-control:hover{border:0}

.lpo-editor-control:focus{
	border:0;
	background:#fff;
	box-shadow:inset 0 0 0 2px var(--lp-ui-focus);
}

.lpo-editor-control::placeholder{color:#8b99a6}

.lpo-card-foot{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	padding:11px var(--lp-card-padding,18px);
	border-top:1px solid #edf0f2;
	background:var(--lp-surface,#fff);
}

.lpo-hint{
	color:var(--lp-muted,#6f7881);
	font-size:10.5px;
	line-height:1.4;
}

.lpo-meta{
	flex:0 0 auto;
	color:#909aa1;
	font-size:10px;
	font-variant-numeric:tabular-nums;
}

@media(max-width:760px){
	.lpo-card-head{align-items:flex-start;flex-direction:column}
	.lpo-save-status{min-width:0;width:100%}
	.lpo-editor-control{min-height:280px;padding:16px;font-size:14px}
	.lpo-card-foot{align-items:flex-start}
}