/* ANPA Manager — front-end and admin styles. Inherit fonts and colours from the theme where possible. */
.anpa {
	--anpa-accent: #1f6f5c;
	--anpa-accent-soft: #e6f2ee;
	--anpa-border: rgba(0, 0, 0, .12);
	--anpa-muted: rgba(0, 0, 0, .6);
	--anpa-danger: #b32d2e;
	--anpa-radius: 8px;
}
.anpa * { box-sizing: border-box; }
.anpa h3 { margin: 0 0 .75em; }
.anpa-card {
	border: 1px solid var(--anpa-border);
	border-radius: var(--anpa-radius);
	padding: 1.25em;
	margin: 0 0 1.25em;
}
.anpa-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 0 1em; }
.anpa-grid--inline { align-items: end; }
.anpa-field { margin: 0 0 .9em; }
.anpa-field label { display: block; font-size: .9em; font-weight: 600; }
.anpa-field input:not([type=checkbox]),
.anpa-field select,
.anpa-field textarea {
	display: block; width: 100%; margin-top: .3em; padding: .55em .65em;
	border: 1px solid var(--anpa-border); border-radius: 6px; font: inherit; font-weight: normal;
	background: #fff;
}
.anpa-field textarea { resize: vertical; }
.anpa-check { font-weight: normal !important; }
.anpa-btn {
	display: inline-block; padding: .6em 1.2em; border: 1px solid var(--anpa-accent); border-radius: 6px;
	background: var(--anpa-accent); color: #fff; font: inherit; font-weight: 600; cursor: pointer; line-height: 1.2;
}
.anpa-btn:hover { filter: brightness(1.1); }
.anpa-btn--small { padding: .45em .9em; font-size: .9em; }
.anpa-btn--ghost { background: transparent; color: var(--anpa-accent); }
.anpa-link { background: none; border: 0; padding: 0; font: inherit; text-decoration: underline; cursor: pointer; color: inherit; }
.anpa-danger, .anpa-danger:hover { color: var(--anpa-danger); }
.anpa-inline { display: inline-block; margin: 0 .25em; }
.anpa-muted { color: var(--anpa-muted); font-size: .92em; }
.anpa-row { display: flex; flex-wrap: wrap; align-items: center; gap: .5em; padding: .6em 0; border-bottom: 1px solid var(--anpa-border); }
.anpa-row:last-of-type { border-bottom: 0; }
.anpa-row .anpa-grid { flex: 1; }
.anpa-field--btn { align-self: end; }
.anpa-add { margin-top: 1em; }
.anpa-add summary { cursor: pointer; color: var(--anpa-accent); font-weight: 600; margin-bottom: .75em; }
.anpa-hp { position: absolute !important; left: -9999px; }
.anpa-badge { display: inline-block; padding: .1em .6em; border-radius: 999px; background: var(--anpa-accent-soft, #e6f2ee); color: var(--anpa-accent, #1f6f5c); font-size: .8em; font-weight: 600; }
.anpa-badge--muted { background: rgba(0,0,0,.06); color: rgba(0,0,0,.6); }
.anpa-notice { padding: .8em 1em; border-radius: 6px; margin: 0 0 1em; border-left: 4px solid; }
.anpa-notice--success { background: #edf7ed; border-color: #2e7d32; }
.anpa-notice--error { background: #fdecea; border-color: var(--anpa-danger); }
.anpa-list { list-style: none; margin: 0; padding: 0; }
.anpa-list li { padding: .55em 0; border-bottom: 1px solid var(--anpa-border); }
.anpa-unread a { font-weight: 700; }

/* Status pills (front-end and admin) */
.anpa-status { display: inline-block; padding: .1em .55em; border-radius: 999px; font-size: .8em; font-weight: 600; background: #eee; }
.anpa-status--open { background: #fff4e5; color: #8a4b00; }
.anpa-status--answered { background: #e6f2ee; color: #1f6f5c; }
.anpa-status--closed { background: #eee; color: #555; }

/* Conversation */
.anpa-conversation { display: flex; flex-direction: column; gap: .75em; margin: 1em 0 1.5em; max-width: 760px; }
.anpa-msg { border: 1px solid rgba(0,0,0,.12); border-radius: 8px; padding: .8em 1em; background: #fff; margin-right: 15%; }
.anpa-msg--board { background: #f1f7f5; border-color: #cfe5dd; margin-right: 0; margin-left: 15%; }
.anpa-msg__meta { font-size: .85em; color: rgba(0,0,0,.6); margin-bottom: .4em; }
.anpa-msg__body p:last-child { margin-bottom: 0; }

/* Agenda */
.anpa-event { display: flex; gap: 1em; padding: 1em 0; border-bottom: 1px solid var(--anpa-border); }
.anpa-event__date {
	flex: 0 0 4em; height: 4em; border-radius: var(--anpa-radius); background: var(--anpa-accent-soft); color: var(--anpa-accent);
	display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1;
}
.anpa-event__day { font-size: 1.5em; font-weight: 700; }
.anpa-event__month { font-size: .8em; text-transform: uppercase; letter-spacing: .05em; margin-top: .2em; }
.anpa-event__body h4 { margin: 0 0 .2em; }
.anpa-event__body .anpa-muted { margin: 0 0 .5em; }

/* Activities */
.anpa-activity header { display: flex; justify-content: space-between; align-items: baseline; gap: 1em; }
.anpa-activity h4 { margin: 0; }
.anpa-price { font-weight: 700; color: var(--anpa-accent); white-space: nowrap; }
.anpa-schedule { font-weight: 600; margin: .3em 0 .8em; }
.anpa-enrol { list-style: none; margin: 1em 0 0; padding: .75em 0 0; border-top: 1px dashed var(--anpa-border); }
.anpa-enrol li { display: flex; justify-content: space-between; align-items: center; padding: .3em 0; }

/* Admin */
.anpa-admin .anpa-cols { display: flex; gap: 2em; flex-wrap: wrap; align-items: flex-start; }
.anpa-admin .anpa-col { flex: 1 1 360px; max-width: 560px; }
.anpa-admin .anpa-col--wide { flex: 2 1 480px; max-width: none; }
.anpa-admin .anpa-day { display: inline-block; margin: .2em 1em .2em 0; }
.anpa-admin .anpa-actions { white-space: nowrap; text-align: right; }
.anpa-admin .anpa-inline { display: inline; }
.anpa-admin .anpa-danger { color: #b32d2e; }
.anpa-admin .anpa-code { background: #1d2327; color: #f0f0f1; padding: 1em; border-radius: 4px; overflow-x: auto; max-width: 900px; }
.anpa-admin tr.anpa-unread td { background: #fff8e5; }
.anpa-admin .subsubsub { float: none; margin-bottom: 1em; }

@media (max-width: 600px) {
	.anpa-msg, .anpa-msg--board { margin-left: 0; margin-right: 0; }
}