/* Abrovink Besiktning - frontend */

.abro-bsk{margin:1em 0;}

.abro-bsk-searchrow{
	display:flex;
	gap:10px;
	align-items:center;
	flex-wrap:wrap;
}
.abro-bsk-search{
	width:100%;
	max-width:480px;
	padding:10px 14px;
	border:1px solid #ccc;
	border-radius:4px;
	font-size:16px;
}
.abro-bsk-showall{
	padding:10px 18px;
	border:1px solid currentColor;
	border-radius:4px;
	background:none;
	cursor:pointer;
	font-size:14px;
}

.abro-bsk-list{
	list-style:none;
	margin:1em 0;
	padding:0;
	max-width:640px;
}
.abro-bsk-list li{
	margin:0;
	padding:0;
	background:none;
	border-bottom:1px solid #e5e5e5;
	list-style:none;
}
.abro-bsk-list li::marker{
	content:none;
}
.abro-bsk-list li a{
	display:block;
	padding:10px 6px;
	text-decoration:none;
	color:inherit;
}
.abro-bsk-list li a:hover{
	background:#f6f6f6;
}
.abro-bsk-list .abro-bsk-sub{
	display:block;
	font-size:0.85em;
	color:#666;
}

.abro-bsk-back{font-size:0.9em;}

.abro-bsk-updateinfo{
	font-size:13px;
	color:#666;
}

.abro-bsk-tablewrap{
	overflow-x:auto;
	margin:1em 0;
}
.abro-bsk-table{
	border-collapse:collapse;
	width:100%;
	font-size:14px;
	line-height:1.4;
}
.abro-bsk-table th,
.abro-bsk-table td{
	padding:6px 7px;
	text-align:left;
	vertical-align:top;
	line-height:1.4;
}
.abro-bsk-table th{
	font-weight:400;
}
.abro-bsk-table tbody th{
	text-align:right;
}
.abro-bsk-table thead .abro-bsk-group{
	text-align:center;
	border-bottom:1px solid rgba(0,0,0,0.25);
}
.abro-bsk-table .abro-bsk-group,
.abro-bsk-table .abro-bsk-gstart{
	border-left:1px solid rgba(0,0,0,0.12);
}

.abro-bsk-badge{
	display:inline-block;
	padding:2px 5px;
	border-radius:3px;
	font-size:12px;
	color:#fff;
	background:#787c82;
}
.abro-bsk-badge--overdue{background:#c0392b;}
.abro-bsk-badge--urgent{background:#d97706;}
.abro-bsk-badge--upcoming{background:#dba617;}
.abro-bsk-badge--ok{background:#1e8a3c;}
.abro-bsk-badge--ej_utford{background:#2271b1;white-space:nowrap;}
.abro-bsk-badge--rutin{background:#787c82;}

.abro-bsk-todo{
	margin:1.5em 0;
	padding:1em 1.5em;
	background:#fdf6e3;
	border-left:4px solid #dba617;
}
.abro-bsk-todo h3{margin-top:0;}

/* Inskicksformuläret */
.abro-bsk-report-btn{
	display:inline-block;
	padding:2px 8px;
	border:1px solid currentColor;
	border-radius:3px;
	font-size:12px;
	text-decoration:none;
}
.abro-bsk-form,
.abro-bsk-form-result{
	margin:2em 0;
	padding:1.5em 2em;
	max-width:520px;
	background:#f7f7f8;
	border-radius:4px;
}

/* Temats #header är position:fixed - utan detta hamnar ankar-scrollen bakom headern */
.abro-bsk-form,
.abro-bsk-form-result,
.abro-bsk-form-error{
	scroll-margin-top:150px;
}
.abro-bsk-form input[type="date"]{
	max-width:170px;
}
.abro-bsk-form select{
	max-width:320px;
	padding:6px 10px;
}
.abro-bsk-form input[type="text"],
.abro-bsk-form input[type="email"]{
	width:100%;
	max-width:320px;
	padding:6px 10px;
}
.abro-bsk-form-na{opacity:0.4;}
.abro-bsk-check label{
	display:flex;
	gap:8px;
	align-items:flex-start;
	font-size:13px;
}
.abro-bsk-check input[type="checkbox"]{
	margin-top:3px;
	flex-shrink:0;
}
.abro-bsk-form-hint{
	font-size:0.85em;
	color:#666;
}
.abro-bsk-hp{
	position:absolute !important;
	left:-9999px !important;
}
.abro-bsk-form-error{
	margin:1.5em 0;
	padding:1em 1.5em;
	background:#fbeaea;
	border-left:4px solid #c0392b;
}