/*
 * Members area. Colours come from the theme's palette tokens with fallbacks, the
 * same approach as timetable.css, so the area follows the site rather than fighting it.
 */

.core-account{--core-ok:#00733f;--core-warn:#b35c00;--core-line:#e0e0e0;}

.core-account h2{margin:1.6em 0 .6em;}
.core-account h3{margin:1.4em 0 .5em;}

.core-card{
	border:1px solid var(--core-line);
	border-left-width:4px;
	border-radius:6px;
	padding:14px 16px;
	margin:0 0 16px;
	background:rgba(0,0,0,.015);
}
.core-card--ok{border-left-color:var(--core-ok);}
.core-card--warn{border-left-color:var(--core-warn);}
.core-card p{margin:0 0 .5em;}
.core-card p:last-child{margin-bottom:0;}
.core-card-title{font-weight:700;font-size:1.15em;}

.core-table{width:100%;border-collapse:collapse;margin:0 0 18px;}
.core-table th,.core-table td{
	text-align:left;padding:8px 10px;border-bottom:1px solid var(--core-line);
}
.core-table th{font-size:.85em;text-transform:uppercase;letter-spacing:.04em;opacity:.7;}

.core-form{margin:0 0 24px;}
.core-row{display:flex;flex-direction:column;gap:4px;margin:0 0 14px;max-width:34em;}
.core-row label{font-weight:600;font-size:.95em;}
.core-row input,.core-row select{padding:8px 10px;border:1px solid var(--core-line);border-radius:4px;width:100%;}
.core-row input:disabled{background:rgba(0,0,0,.04);cursor:not-allowed;}

.core-check{margin:0 0 10px;}
.core-check label{display:flex;align-items:flex-start;gap:8px;font-weight:400;}
.core-check input{margin-top:.25em;}

.core-note{font-size:.9em;opacity:.75;}

@media (max-width:600px){
	.core-table th:nth-child(2),.core-table td:nth-child(2){display:none;}
}

/* What the plan includes, a line at a time. */
.core-card-lines{margin:.2rem 0 .6rem;padding-left:1.1rem;list-style:disc;}
.core-card-lines li{margin:0 0 .15rem;}