@charset "utf-8";

/**

 * KBoard Default Skin - Modern 2026 Redesign

 * professionally crafted for global enterprise standards.

 */



:root {

	/* Palette */

	--kboard-primary: #2563eb;

	/* Modern Blue */

	--kboard-primary-hover: #1d4ed8;

	--kboard-text: #1e293b;

	/* Slate 800 */

	--kboard-text-muted: #64748b;

	/* Slate 500 */

	--kboard-bg: #ffffff;

	--kboard-bg-alt: #f8fafc;

	/* Slate 50 */

	--kboard-border: #e2e8f0;

	/* Slate 200 */

	--kboard-danger: #ef4444;



	/* Typography */

	--kboard-font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", Roboto, "Noto Sans KR", "Helvetica Neue", Arial, sans-serif;

	--kboard-font-size: 15px;



	/* Spacing & Radius */

	--kboard-radius: 8px;

	--kboard-spacing-sm: 8px;

	--kboard-spacing-md: 16px;

	--kboard-spacing-lg: 24px;



	/* Shadows */

	--kboard-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);

	--kboard-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);

}



/* Global Reset within KBoard Container */

#kboard-default-list,

#kboard-default-document,

#kboard-default-editor,

#kboard-default-latest {

	font-family: var(--kboard-font-family);

	font-size: var(--kboard-font-size);

	color: var(--kboard-text);

	box-sizing: border-box;

	line-height: 1.6;

	margin: 20px 0;

}



#kboard-default-list *,

#kboard-default-document *,

#kboard-default-editor *,

#kboard-default-latest *,

#kboard-default-list *::before,

#kboard-default-document *::before,

#kboard-default-editor *::before,

#kboard-default-latest *::before,

#kboard-default-list *::after,

#kboard-default-document *::after,

#kboard-default-editor *::after,

#kboard-default-latest *::after {

	box-sizing: inherit;

}



#kboard-default-list a,

#kboard-default-document a,

#kboard-default-editor a,

#kboard-default-latest a {

	text-decoration: none;

	color: inherit;

	transition: color 0.2s;

}



#kboard-default-list img,

#kboard-default-document img,

#kboard-default-editor img,

#kboard-default-latest img {

	max-width: 100%;

	height: auto;

	vertical-align: middle;

}



/* Buttons */

a.kboard-default-button-small,

input.kboard-default-button-small,

button.kboard-default-button-small {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	height: 36px;

	padding: 0 16px;

	font-size: 14px;

	font-weight: 500;

	color: #fff !important;

	background-color: var(--kboard-text) !important;

	border: 1px solid transparent;

	border-radius: var(--kboard-radius);

	cursor: pointer;

	transition: all 0.2s ease;

	line-height: 1;

	box-shadow: var(--kboard-shadow-sm);

	text-shadow: none;

}



a.kboard-default-button-small:hover,

button.kboard-default-button-small:hover {

	background-color: var(--kboard-primary) !important;

	transform: translateY(-1px);

	box-shadow: var(--kboard-shadow-md);

	opacity: 1 !important;

}



/* Lock Icon */

.kboard-icon-lock {

	display: inline-block;

	width: 14px;

	height: 14px;

	vertical-align: middle;

	margin-right: 4px;

	background-color: var(--kboard-text-muted);

	-webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z'/%3E%3C/svg%3E") no-repeat center/contain;

	mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z'/%3E%3C/svg%3E") no-repeat center/contain;

}



/* Reply Icon */

.kboard-icon-reply {

	display: inline-block;

	width: 16px;

	height: 16px;

	vertical-align: middle;

	margin-right: 4px;

	background-color: var(--kboard-text-muted);

	-webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 15l-6 6-1.42-1.42L15.17 16H4V4h2v10h9.17l-3.59-3.58L13 9l6 6z'/%3E%3C/svg%3E") no-repeat center/contain;

	mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 15l-6 6-1.42-1.42L15.17 16H4V4h2v10h9.17l-3.59-3.58L13 9l6 6z'/%3E%3C/svg%3E") no-repeat center/contain;

	transform: none;

}



/* Form Elements Reset & Style */

#kboard-default-list input[type=text],

#kboard-default-document input[type=text],

#kboard-default-editor input[type=text],

#kboard-default-latest input[type=text],

#kboard-default-list input[type=email],

#kboard-default-document input[type=email],

#kboard-default-editor input[type=email],

#kboard-default-latest input[type=email],

#kboard-default-list input[type=password],

#kboard-default-document input[type=password],

#kboard-default-editor input[type=password],

#kboard-default-latest input[type=password],

#kboard-default-list input[type=number],

#kboard-default-document input[type=number],

#kboard-default-editor input[type=number],

#kboard-default-latest input[type=number],

#kboard-default-list input[type=date],

#kboard-default-document input[type=date],

#kboard-default-editor input[type=date],

#kboard-default-latest input[type=date],

#kboard-default-list select,

#kboard-default-document select,

#kboard-default-editor select,

#kboard-default-latest select,

#kboard-default-list textarea,

#kboard-default-document textarea,

#kboard-default-editor textarea,

#kboard-default-latest textarea {

	appearance: none;

	-webkit-appearance: none;

	background-color: #fff;

	border: 1px solid var(--kboard-border);

	border-radius: var(--kboard-radius);

	padding: 8px 12px;

	font-size: 14px;

	color: var(--kboard-text);

	outline: none;

	transition: border-color 0.2s, box-shadow 0.2s;

	min-height: 40px;

	box-shadow: none;

	margin: 0;

}



#kboard-default-list input:focus,

#kboard-default-document input:focus,

#kboard-default-editor input:focus,

#kboard-default-latest input:focus,

#kboard-default-list select:focus,

#kboard-default-document select:focus,

#kboard-default-editor select:focus,

#kboard-default-latest select:focus,

#kboard-default-list textarea:focus,

#kboard-default-document textarea:focus,

#kboard-default-editor textarea:focus,

#kboard-default-latest textarea:focus {

	border-color: var(--kboard-primary);

	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);

	border-bottom: 1px solid var(--kboard-primary) !important;

}



/* Select Custom Arrow (Restore Dropdown Icon) */

#kboard-default-list select,

#kboard-default-document select,

#kboard-default-editor select,

#kboard-default-latest select {

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");

	background-repeat: no-repeat;

	background-position: right 10px center;

	background-size: 16px;

	padding-right: 32px !important;

	cursor: pointer;

}



/* --- List View --- */

#kboard-default-list {

	width: 100%;

	max-width: 100%;

	overflow: hidden;

}



/* Header (Total & Sort) */

#kboard-default-list .kboard-list-header {

	display: flex;

	justify-content: space-between;

	align-items: center;

	padding-bottom: var(--kboard-spacing-md);

	flex-wrap: wrap;

	gap: 10px;

}



#kboard-default-list .kboard-total-count {

	float: none;

	font-weight: 600;

	color: var(--kboard-text-muted);

}



#kboard-default-list .kboard-sort {

	float: none;

}



#kboard-default-list .kboard-sort select {

	height: 36px;

	padding-right: 32px;

}



/* Categories */

#kboard-default-list .kboard-category .kboard-category-list {

	display: flex;

	flex-wrap: wrap;

	gap: 8px;

	padding: 0;

	margin: 0 0 20px 0;

	list-style: none;

	background: transparent;

	border: none;

}



#kboard-default-list .kboard-category.category-pc .kboard-category-list:last-child {

	margin-bottom: 0;

}



#kboard-default-list .kboard-category .kboard-category-list li {

	display: block;

	margin: 0;

	padding: 0;

}



#kboard-default-list .kboard-category .kboard-category-list li a {

	display: block;

	padding: 6px 14px;

	border-radius: 20px;

	background-color: var(--kboard-bg-alt);

	color: var(--kboard-text-muted);

	font-size: 14px;

	font-weight: 500;

	transition: all 0.2s;

	border: 1px solid var(--kboard-border);

}



#kboard-default-list .kboard-category .kboard-category-list li.kboard-category-selected a,

#kboard-default-list .kboard-category .kboard-category-list li a:hover {

	background-color: var(--kboard-primary);

	color: #fff;

	text-decoration: none;

	border-color: var(--kboard-primary);

	font-weight: 500;

}



/* Table Listing */

#kboard-default-list .kboard-list {

	background: #fff;

	border-radius: var(--kboard-radius);

	overflow: hidden;

	border: 1px solid var(--kboard-border);

	box-shadow: var(--kboard-shadow-sm);

}



#kboard-default-list .kboard-list table {

	width: 100%;

	border-collapse: collapse;

	table-layout: fixed;

	border: 0;

	margin: 0;

}



#kboard-default-list .kboard-list thead {

	background-color: var(--kboard-bg-alt);

	border-bottom: 1px solid var(--kboard-border);

}



#kboard-default-list .kboard-list thead td {

	padding: 12px 16px;

	font-size: 13px;

	text-transform: uppercase;

	letter-spacing: 0.5px;

	font-weight: 600;

	color: var(--kboard-text-muted);

	text-align: center;

	border: 0;

	border-bottom: 1px solid var(--kboard-border);

}



#kboard-default-list .kboard-list tbody tr {

	background: #fff;

	border: 0;

	border-bottom: 1px solid var(--kboard-border);

	transition: background-color 0.1s;

}



#kboard-default-list .kboard-list tbody tr:last-child {

	border-bottom: none;

}



#kboard-default-list .kboard-list tbody tr:hover {

	background-color: var(--kboard-bg-alt);

}



#kboard-default-list .kboard-list td {

	padding: 16px;

	vertical-align: middle;

	text-align: center;

	border: 0;

	font-size: 15px;

}



#kboard-default-list .kboard-list td.kboard-list-title {

	text-align: left;

	width: auto;

}



/* Notice & Popular Rows */

#kboard-default-list .kboard-list tbody tr.kboard-list-notice {

	background-color: #eff6ff;

}



#kboard-default-list .kboard-list tbody tr.kboard-list-notice:hover {

	background-color: #dbeafe;

}



/* Selected Row (Current Post) */

#kboard-default-list .kboard-list tbody tr.kboard-list-selected {

	background-color: #f0f9ff;

	border-left: 3px solid var(--kboard-primary);

}



#kboard-default-list .kboard-list tbody tr.kboard-list-selected .kboard-list-title a {

	font-weight: 700;

	color: var(--kboard-primary);

}



/* Icons & Labels */

.kboard-default-new-notify {

	background-color: var(--kboard-danger);

	color: #fff;

	padding: 2px 6px;

	border-radius: 4px;

	font-size: 10px;

	font-weight: 700;

	vertical-align: middle;

	margin-right: 6px;

}



.kboard-default-cut-strings {

	display: block;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-weight: 500;

}



#kboard-default-list .kboard-list-title a {

	color: var(--kboard-text);

	text-decoration: none;

	transition: color 0.15s;

}



#kboard-default-list .kboard-list-title a:hover {

	color: var(--kboard-primary);

}



.kboard-comments-count {

	font-size: 12px;

	color: var(--kboard-primary);

	font-weight: 600;

	margin-left: 4px;

	background: rgba(37, 99, 235, 0.1);

	padding: 2px 6px;

	border-radius: 12px;

}



.kboard-comments-count:empty {

	display: none;

}



/* Mobile Contents hidden on Desktop */

#kboard-default-list .kboard-mobile-contents {

	display: none;

	margin-top: 6px;

	font-size: 13px;

	color: var(--kboard-text-muted);

}



/* Column Widths (Desktop) */

#kboard-default-list .kboard-list-uid {

	width: 90px;

	/* Slightly wider */

	color: var(--kboard-text-muted);

	font-size: 13px;

	word-break: keep-all;

	/* Prevent Notice from breaking */

}



/* Specific style for notice text in UID column */

#kboard-default-list .kboard-list-notice .kboard-list-uid {

	font-weight: 700;

	font-size: 12px;

	/* Smaller font for notice */

	color: var(--kboard-primary);

}



#kboard-default-list .kboard-list-user {

	width: 120px;

}



#kboard-default-list .kboard-list-date {

	width: 110px;

	color: var(--kboard-text-muted);

	font-size: 13px;

}



#kboard-default-list .kboard-list-vote {

	width: 70px;

	color: var(--kboard-text-muted);

	font-size: 13px;

}



#kboard-default-list .kboard-list-view {

	width: 70px;

	color: var(--kboard-text-muted);

	font-size: 13px;

}



/* Pagination */

#kboard-default-list .kboard-pagination {

	padding: 30px 0;

	text-align: center;

	float: none;

}



#kboard-default-list .kboard-pagination ul {

	display: inline-flex;

	padding: 0;

	list-style: none;

	gap: 4px;

}



#kboard-default-list .kboard-pagination li {

	display: block;

	margin: 0;

}



#kboard-default-list .kboard-pagination li a {

	display: flex;

	align-items: center;

	justify-content: center;

	min-width: 36px;

	height: 36px;

	padding: 0 8px;

	border-radius: var(--kboard-radius);

	background: #fff;

	border: 1px solid var(--kboard-border);

	font-size: 14px;

	color: var(--kboard-text);

	box-shadow: none;

}



#kboard-default-list .kboard-pagination li.active a,

#kboard-default-list .kboard-pagination li a:hover {

	background: var(--kboard-primary);

	color: #fff;

	border-color: var(--kboard-primary);

}



/* Search Bar */

#kboard-default-list .kboard-search {

	margin-bottom: 20px;

	text-align: center;

	padding: 20px;

	background: var(--kboard-bg-alt);

	border-radius: var(--kboard-radius);

	float: none;

}



#kboard-default-list .kboard-search form {

	display: inline-flex;

	gap: 8px;

	max-width: 100%;

}



#kboard-default-list .kboard-search select {

	width: 100px;

	margin: 0;

}



#kboard-default-list .kboard-search input {

	width: 200px;

	margin: 0;

}



/* Bottom Control */

#kboard-default-list .kboard-control {

	display: flex;

	justify-content: flex-end;

	padding: 10px 0;

	float: none;

}



/* Powered By - Subtle */

.kboard-default-poweredby {

	text-align: right;

	font-size: 14px;

	color: #ccc;

	margin-top: 10px;

	float: none;

	width: 100%;

}



/* --- Document View --- */

#kboard-default-document .kboard-document-wrap {

	background: #fff;

	border: 1px solid var(--kboard-border);

	border-radius: var(--kboard-radius);

	overflow: hidden;

	float: none;

}



#kboard-default-document .kboard-title {

	float: none;

}



#kboard-default-document .kboard-title h1 {

	margin: 0;

	padding: 24px;

	text-align: left;

	font-size: 24px;

	font-weight: 700;

	color: var(--kboard-text);

	border-bottom: 1px solid var(--kboard-border);

}



#kboard-default-document .kboard-detail {

	display: flex;

	flex-wrap: wrap;

	padding: 12px 24px;

	background: var(--kboard-bg-alt);

	font-size: 14px;

	gap: 20px;

	align-items: center;

	float: none;

	border: 0;

	border-bottom: 1px solid var(--kboard-border);

}



#kboard-default-document .kboard-detail .detail-attr {

	display: flex;

	align-items: center;

	gap: 8px;

	padding: 0;

	float: none;

}



#kboard-default-document .kboard-detail .detail-name {

	font-weight: 600;

	color: var(--kboard-text-muted);

	float: none;

	text-align: left;

}



#kboard-default-document .kboard-detail .detail-value {

	color: var(--kboard-text);

	float: none;

	padding: 0;

}



/* Content */

#kboard-default-document .kboard-content {

	padding: 30px 24px;

	min-height: 200px;

	float: none;

}



#kboard-default-document .content-view {

	font-size: 16px;

	line-height: 1.8;

	color: #334155;

	/* Slate 700 */

	padding: 0;

}



/* Document Actions (Like/Unlike/Print) */

#kboard-default-document .kboard-document-action {

	padding: 10px 24px 20px;

	display: flex;

	justify-content: space-between;

}



.kboard-button-action {

	border: 1px solid var(--kboard-border);

	background: #fff;

	padding: 6px 12px;

	border-radius: 4px;

	font-size: 13px;

	cursor: pointer;

	margin-right: 5px;

	font-weight: 500;

}



.kboard-button-action:hover {

	background: var(--kboard-bg-alt);

}



.kboard-button-like {

	color: #ef4444;

}



.kboard-button-unlike {

	color: var(--kboard-primary);

}



/* Document Control Buttons (List, Reply, Edit, Delete) */

#kboard-default-document .kboard-control {

	display: flex;

	justify-content: space-between;

	padding: 20px 0;

	float: none;

	gap: 10px;

}



#kboard-default-document .kboard-control .left,

#kboard-default-document .kboard-control .right {

	display: flex;

	flex-wrap: nowrap;

	/* Prevent wrapping */

	gap: 8px;

	white-space: nowrap;

	/* Keep text on one line */

}



/* Attachments */

.kboard-attach {

	border-top: 1px dashed var(--kboard-border);

	padding: 15px 24px;

	background: var(--kboard-bg-alt);

	margin: 0;

}



/* Comments & Navi */

.kboard-comments-area {

	float: none;

	width: 100%;

	margin-top: 20px;

}



.kboard-document-navi {

	display: flex;

	gap: 10px;

	margin-top: 20px;

	float: none;

	padding: 0;

}



/* Document Added Options Group Container */

.kboard-document-options-group {

	margin-bottom: 40px;

	border: none;

	background: transparent;

	padding: 0;

}



/* Individual Option Wrapper (Row Style) */

.kboard-document-add-option-value-wrap {

	background-color: #fff;

	border: 1px solid var(--kboard-border);

	border-radius: var(--kboard-radius);

	padding: 0;

	margin-bottom: 12px;

	/* Margin between rows */

	overflow: hidden;

	/* For radius */

	display: block;

}



.kboard-document-add-option-value-wrap:last-child {

	border-bottom: 1px solid var(--kboard-border);

	margin-bottom: 0px;

}



/* Inner Option Layout */

.kboard-document-add-option-value {

	display: flex;

	align-items: stretch;

	/* Stretch to fill height */

	padding: 0;

	min-height: 48px;

	/* Minimum row height */

	border: none;

}



.kboard-document-add-option-value .option-name {

	width: 160px;

	background-color: #f8fafc;

	border-right: 1px solid var(--kboard-border);

	font-weight: 600;

	color: var(--kboard-text);

	/* Matched text color */

	padding: 14px 20px;

	display: flex;

	align-items: center;

	flex-shrink: 0;

	font-size: 15px;

	/* Increased to match content */

}



.kboard-document-add-option-value .option-separator {

	display: none;

}



.kboard-document-add-option-value .option-value {

	color: var(--kboard-text);

	padding: 14px 20px;

	display: flex;

	align-items: center;

	flex-grow: 1;

	word-break: break-all;

	font-size: 15px;

	/* Same size as label */

}



.kboard-document-add-option-value-wrap hr {

	display: none;

}



/* Mobile Responsive for Options */

@media screen and (max-width: 600px) {

	.kboard-document-options-group {

		padding: 0;

	}



	.kboard-document-add-option-value {

		flex-direction: column;

	}



	.kboard-document-add-option-value .option-name {

		width: 100%;

		border-right: none;

		border-bottom: 1px solid var(--kboard-border);

		padding: 12px 16px;

		/* Adjusted padding */

		background-color: #f8fafc;

		color: var(--kboard-text);

		font-size: 15px;

		/* Maintain 15px on mobile */

	}



	.kboard-document-add-option-value .option-value {

		padding: 12px 16px;

		display: block;

		/* Allow block layout for content */

		align-items: flex-start;

	}



	.kboard-document-add-option-value-wrap {

		margin-bottom: 16px;

		/* More space on mobile */

	}

}



#kboard-default-document .kboard-document-navi a {

	display: flex;

	align-items: center;

	gap: 8px;

	/* space between arrow and text */

	padding: 16px;

	border: 1px solid var(--kboard-border);

	background: #fff;

	border-radius: var(--kboard-radius);

	margin-bottom: 0;

	font-weight: 500;

	height: 100%;

}



#kboard-default-document .kboard-document-navi a:hover {

	border-color: var(--kboard-primary);

	color: var(--kboard-primary);

	box-shadow: var(--kboard-shadow-sm);

}



#kboard-default-document .kboard-document-navi .kboard-prev-document,

#kboard-default-document .kboard-document-navi .kboard-next-document {

	float: none;

	width: 50%;

}



#kboard-default-document .kboard-document-navi .kboard-prev-document a {

	justify-content: flex-start;

	text-align: left;

}



#kboard-default-document .kboard-document-navi .kboard-next-document a {

	justify-content: flex-end;

	text-align: right;

}



#kboard-default-document .kboard-document-navi .navi-arrow {

	position: static;

}



#kboard-default-document .kboard-control {

	float: none;

	display: flex;

	justify-content: space-between;

	padding: 20px 0;

}



#kboard-default-document .kboard-control .left,

#kboard-default-document .kboard-control .right {

	float: none;

	position: static;

}



/* --- Editor --- */

#kboard-default-editor .kboard-attr-row {

	display: flex;

	flex-direction: column;

	margin-bottom: 16px;

	padding: 0;

	background: transparent;

	border-bottom: none;

	float: none;

}



#kboard-default-editor .attr-name {

	font-weight: 600;

	margin-bottom: 8px;

	font-size: 14px;

	width: 100% !important;

	float: none !important;

	text-align: left;

	padding: 0 !important;

}



#kboard-default-editor input[type=file] {

	margin: 0;

	padding: 8px 0;

	width: 100%;

}



#kboard-default-editor .attr-value {

	margin: 0 !important;

	width: 100%;

	padding: 0;

}



#kboard-default-editor .attr-value .attr-value-option {

	display: inline-flex;

	align-items: center;

	margin-right: 16px;

	cursor: pointer;

	font-size: 14px;

	color: var(--kboard-text);

}



#kboard-default-editor .attr-value .attr-value-option input[type=checkbox] {

	appearance: none;

	-webkit-appearance: none;

	width: 18px !important;

	height: 18px !important;

	border: 1px solid var(--kboard-border);

	border-radius: 4px;

	background: #fff;

	cursor: pointer;

	position: relative;

	margin-right: 8px;

	vertical-align: middle;

	outline: none;

	margin: 0 8px 0 0;

	/* Reset margins */

}



#kboard-default-editor .attr-value .attr-value-option input[type=checkbox]:checked {

	background-color: var(--kboard-primary);

	border-color: var(--kboard-primary);

	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");

	background-position: center;

	background-repeat: no-repeat;

	background-size: 100% 100%;

}



#kboard-default-editor input[type=text],

#kboard-default-editor input[type=email],

#kboard-default-editor input[type=password],

#kboard-default-editor select {

	width: 100% !important;

}



#kboard-default-editor .kboard-content {

	border: none;

	padding: 0;

	margin: 0;

	background: transparent;

	float: none;

}



#kboard-default-editor textarea {

	width: 100% !important;

	min-height: 400px;

	border: 1px solid var(--kboard-border);

	box-sizing: border-box;

}



#kboard-default-editor .kboard-control {

	float: none;

	display: flex;

	justify-content: space-between;

}



#kboard-default-editor .kboard-control .left,

#kboard-default-editor .kboard-control .right {

	float: none;

	width: auto;

}



/* --- Confirm (Password) Page --- */

#kboard-default-editor.confirm {

	max-width: 400px;

	margin: 60px auto;

	padding: 30px;

	border: 1px solid var(--kboard-border);

	border-radius: var(--kboard-radius);

	background: #fff;

	box-shadow: var(--kboard-shadow-md);

}



#kboard-default-editor.confirm .kboard-confirm-row {

	margin-bottom: 24px;

}



#kboard-default-editor.confirm .attr-name {

	margin-bottom: 10px;

}



#kboard-default-editor.confirm .description {

	color: var(--kboard-danger);

	font-size: 13px;

	margin-top: 8px;

	font-weight: 500;

}



#kboard-default-editor.confirm input[type=password] {

	width: 100%;

}



#kboard-default-editor.confirm .kboard-control {

	justify-content: center;

	flex-direction: column-reverse;

	gap: 10px;

}



#kboard-default-editor.confirm .kboard-control .left,

#kboard-default-editor.confirm .kboard-control .right {

	display: flex;

	flex-direction: column;

	gap: 10px;

	width: 100%;

	margin: 0;

}



#kboard-default-editor.confirm .kboard-control button {

	width: 100%;

	height: 40px;

	font-size: 15px;

}



#kboard-default-editor.confirm .kboard-control a {

	width: 100%;

	height: 40px;

	background: #fff !important;

	color: var(--kboard-text-muted) !important;

	border: 1px solid var(--kboard-border);

	box-shadow: none;

}



#kboard-default-editor.confirm .kboard-control a:hover {

	background: var(--kboard-bg-alt) !important;

	color: var(--kboard-text) !important;

	border-color: var(--kboard-text-muted);

}



/* --- Address Field (Postcode) --- */

#kboard-default-editor .kboard-row-postcode {

	display: flex;

	align-items: center;

	gap: 8px;

	margin-bottom: 8px;

}



#kboard-default-editor .kboard-row-postcode input[type=text] {

	width: 150px !important;

	flex: 0 0 auto;

	/* Fixed width */

}



#kboard-default-editor .kboard-row-postcode button {

	height: 40px;

	flex: 0 0 auto;

	white-space: nowrap;

	margin: 0 !important;

}



#kboard-default-editor .kboard-row-address-1,

#kboard-default-editor .kboard-row-address-2 {

	display: block;

	width: 100%;

	margin-bottom: 8px;

}



#kboard-default-editor .kboard-row-address-2 {

	margin-bottom: 0;

}



#kboard-default-editor .kboard-row-address-1 input[type=text],

#kboard-default-editor .kboard-row-address-2 input[type=text] {

	width: 100% !important;

}



/* --- Latest View (Widget) --- */

#kboard-default-latest {

	width: 100%;

	background: #fff;

	border: 1px solid var(--kboard-border);

	border-radius: var(--kboard-radius);

	overflow: hidden;

	box-sizing: border-box;

}



#kboard-default-latest table {

	width: 100%;

	border-collapse: collapse;

	table-layout: fixed;

	border: 0;

}



#kboard-default-latest thead th {

	padding: 10px;

	background: var(--kboard-bg-alt);

	border-bottom: 1px solid var(--kboard-border);

	font-size: 13px;

	color: var(--kboard-text-muted);

	font-weight: 600;

	text-align: center;

	border-top: 0;

	border-left: 0;

	border-right: 0;

}



#kboard-default-latest tbody tr {

	border-bottom: 1px solid var(--kboard-border);

	background: #fff;

}



#kboard-default-latest tbody tr:last-child {

	border-bottom: none;

}



#kboard-default-latest tbody tr:hover {

	background-color: var(--kboard-bg-alt);

}



#kboard-default-latest td {

	padding: 12px 16px;

	vertical-align: middle;

	font-size: 14px;

	border: 0;

}


/*
#kboard-default-latest .kboard-latest-title {

	text-align: left;

}
*/


#kboard-default-latest .kboard-latest-title a {

	display: block;

	color: var(--kboard-text);

	text-decoration: none;

}



#kboard-default-latest .kboard-latest-title a:hover {

	color: var(--kboard-primary);

}



#kboard-default-latest .kboard-default-cut-strings {

	display: block;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}



#kboard-default-latest .kboard-latest-date,

#kboard-default-latest .kboard-latest-author {

	color: var(--kboard-text-muted);

	font-size: 13px;

	text-align: center;

	width: 90px;

}



/* Tree Category in Editor (Global) */

#kboard-default-editor .kboard-tree-category-wrap {

	display: flex;

	flex-wrap: wrap;

	gap: 10px;

	width: 100%;

	margin-bottom: 20px;

}



#kboard-default-editor .kboard-tree-category-wrap select {

	flex: 1;

	min-width: 120px;

	width: auto;

}



/* --- Responsive Media Query --- */

@media screen and (max-width: 768px) {



	/* Hide complex table headers */

	#kboard-default-list .kboard-list thead {

		display: none;

	}



	/* Make rows into cards */

	#kboard-default-list .kboard-list tbody tr {

		display: block;

		padding: 16px;

		border-bottom: 1px solid var(--kboard-border);

	}



	/* Hide unneeded columns */

	#kboard-default-list .kboard-list-uid,

	#kboard-default-list .kboard-list-date,

	#kboard-default-list .kboard-list-vote,

	#kboard-default-list .kboard-list-view,

	#kboard-default-list .kboard-list-user {

		display: none;

	}



	/* Title takes full width */

	#kboard-default-list .kboard-list td.kboard-list-title {

		display: block;

		padding: 0;

		width: 100%;

		text-align: left;

	}



	#kboard-default-list .kboard-list-title .kboard-default-cut-strings {

		white-space: normal;

		font-size: 16px;

		line-height: 1.4;

		margin-bottom: 8px;

	}



	/* Show Mobile Contents */

	#kboard-default-list .kboard-mobile-contents {

		display: flex;

		flex-wrap: wrap;

		gap: 8px;

		align-items: center;

		font-size: 12px;

	}



	#kboard-default-list .kboard-mobile-contents .contents-separator {

		color: #e2e8f0;

	}



	/* Search Stack */

	#kboard-default-list .kboard-search form {

		flex-direction: column;

		width: 100%;

	}



	#kboard-default-list .kboard-search select,

	#kboard-default-list .kboard-search input,

	#kboard-default-list .kboard-search button {

		width: 100% !important;

		margin: 0 !important;

	}



	/* Document Control Mobile */

	#kboard-default-document .kboard-control {

		flex-direction: column;

		gap: 10px;

	}



	#kboard-default-document .kboard-control .left,

	#kboard-default-document .kboard-control .right {

		width: 100%;

		justify-content: center;

		flex-wrap: wrap;

		/* Allow wrapping on mobile */

		white-space: normal;

	}



	#kboard-default-document .kboard-control a,

	#kboard-default-document .kboard-control button {

		flex: 1;

		text-align: center;

		min-width: 0;

		/* Fix flex overflow */

	}







	/* Editor */

	#kboard-default-editor .kboard-control {

		flex-direction: column;

		gap: 10px;

	}



	#kboard-default-editor .kboard-control .left,

	#kboard-default-editor .kboard-control .right {

		width: 100%;

		text-align: center;

		display: flex;

		flex-direction: column;

		gap: 8px;

	}



	/* Pagination Mobile */

	#kboard-default-list .kboard-pagination ul {

		flex-wrap: wrap;

		justify-content: center;

	}



	/* Latest Mobile 

	#kboard-default-latest thead,
*/
	#kboard-default-latest .kboard-latest-author {

		display: none;

	}


/*
	#kboard-default-latest tbody tr {

		display: flex;

		flex-direction: column;

		padding: 8px 0;

	}

*/

	#kboard-default-latest td.kboard-latest-title {
/*
		display: block;
*/
		width: 100%;

/*		padding-bottom: 4px;
*/
		border: none;

	}



	#kboard-default-latest td.kboard-latest-date {
/*
		display: block;
*/
		width: 100%;

/*		text-align: left;
*/
		font-size: 12px;

/*		padding-top: 5px;

		padding-bottom: 8px;
*/
		border: none;

		color: var(--kboard-text-muted);

	}



	/* Document Navi Mobile */

	.kboard-document-navi {

		flex-direction: column;

	}



	#kboard-default-document .kboard-document-navi .kboard-prev-document,

	#kboard-default-document .kboard-document-navi .kboard-next-document {

		width: 100%;

	}

}



/* ============================================

   Tree Category Search (Default)

   ============================================ */

#kboard-default-list .kboard-tree-category-search {

	margin-bottom: 20px;

	padding: 15px;

	background: var(--kboard-bg-alt);

	border-radius: var(--kboard-radius);

	text-align: left;

	/* Changed to left */

}



#kboard-default-list .kboard-tree-category-search .kboard-tree-category-wrap {

	display: inline-flex;

	flex-wrap: wrap;

	gap: 10px;

	justify-content: flex-start;

	/* Changed to flex-start */

	align-items: center;

}



/* Individual Select Wrapper */

#kboard-default-list .kboard-tree-category-search .kboard-search-option-wrap {

	display: inline-block;

}



/* Select Box Style */

#kboard-default-list .kboard-tree-category-search select {

	height: 38px;

	padding: 0 36px 0 16px;

	border: 1px solid var(--kboard-border);

	border-radius: 999px;

	/* Pill Shape */

	background-color: #fff;

	font-size: 14px;

	color: var(--kboard-text-muted);

	font-weight: 500;

	min-width: 120px;

	cursor: pointer;

	transition: all 0.2s ease;

	appearance: none;

	-webkit-appearance: none;

	background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%236b7280%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");

	background-repeat: no-repeat;

	background-position: right 14px center;

	background-size: 10px;

}



#kboard-default-list .kboard-tree-category-search select:hover {

	border-color: var(--kboard-primary);

	color: var(--kboard-primary);

	background-color: var(--kboard-bg-alt);

}



#kboard-default-list .kboard-tree-category-search select:focus {

	border-color: var(--kboard-primary);

	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);

	outline: none;

}



/* =========================================================

   Category Styles (PC vs Mobile) - Default Skin

   ========================================================= */



/* Default: Show PC, Hide Mobile */

#kboard-default-list .kboard-category.category-mobile {

	display: none;

}



#kboard-default-list .kboard-category.category-pc {

	display: block;

	margin-bottom: 20px;

	padding: 15px;

	background-color: var(--kboard-bg-alt);

	border-radius: var(--kboard-radius);

}



/* PC Category List Style */

#kboard-default-list .kboard-category.category-pc .kboard-category-list {

	list-style: none;

	padding: 0;

	margin: 0 0 10px 0;

	/* Gap between rows of categories */

	display: flex;

	flex-wrap: wrap;

	gap: 8px;

	align-items: center;

}



#kboard-default-list .kboard-category.category-pc .kboard-category-list li {

	display: inline-block;

	margin: 0;

	padding: 0;

	border: none;

}



#kboard-default-list .kboard-category.category-pc .kboard-category-list li a {

	display: block;

	padding: 6px 16px;

	font-size: 14px;

	font-weight: 500;

	color: var(--kboard-text-muted);

	background-color: #fff;

	border: 1px solid var(--kboard-border);

	border-radius: 999px;

	/* Pill shape */

	transition: all 0.2s ease;

	text-decoration: none;

}



#kboard-default-list .kboard-category.category-pc .kboard-category-list li a:hover {

	border-color: var(--kboard-primary);

	color: var(--kboard-primary);

	background-color: var(--kboard-bg-alt);

}



/* Selected Category */

#kboard-default-list .kboard-category.category-pc .kboard-category-list li.kboard-category-selected a {

	background-color: var(--kboard-primary);

	border-color: var(--kboard-primary);

	color: #fff;

	font-weight: 600;

	box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);

}



/* Mobile Category Style Base */

#kboard-default-list .kboard-category.category-mobile select {

	width: auto;

	min-width: 120px;

	height: 38px;

	padding: 0 12px;

	margin-right: 5px;

	border: 1px solid var(--kboard-border);

	border-radius: var(--kboard-radius);

	background-color: #fff;

	font-size: 14px;

	color: var(--kboard-text);

}



/* --- Mobile Media Query for Category --- */

@media screen and (max-width: 600px) {

	#kboard-default-list .kboard-category.category-pc {

		display: none;

	}



	#kboard-default-list .kboard-category.category-mobile {

		display: block;

		margin-bottom: 20px;

		padding: 10px;

		background: var(--kboard-bg-alt);

		border-radius: var(--kboard-radius);

	}



	#kboard-default-list .kboard-category.category-mobile form {

		display: flex;

		flex-wrap: wrap;

		gap: 8px;

	}



	#kboard-default-list .kboard-category.category-mobile select {

		flex: 1;

		width: 100%;

		min-width: 140px;

		/* Don't get too small */

	}

}



/* ============================================

   Editor.js Visibility & Usability Patch

   ============================================ */

#kboard-editor-root,

.kboard-editor-root-editorjs,

.kboard-editor-scaffold {

	--kboard-editorjs-left-gutter: 44px;

	position: relative;

	margin: 8px 0 0;

	padding: 12px;

	min-height: 280px;

	background-color: #fff;

	border: 1px solid var(--kboard-border);

	border-radius: var(--kboard-radius);

	box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);

	overflow: visible;

}



@media screen and (max-width: 768px) {

	#kboard-editor-root,

	.kboard-editor-root-editorjs,

	.kboard-editor-scaffold {

		--kboard-editorjs-left-gutter: 36px;

	}

}



#kboard-editor-root:focus-within,

.kboard-editor-root-editorjs:focus-within,

.kboard-editor-scaffold:focus-within {

	border-color: var(--kboard-primary);

	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);

}



#kboard-editor-root .codex-editor,

.kboard-editor-root-editorjs .codex-editor,

.kboard-editor-scaffold .codex-editor {

	position: relative;

	z-index: 1;

	overflow: visible;

}



#kboard-editor-root .codex-editor__redactor,

.kboard-editor-root-editorjs .codex-editor__redactor,

.kboard-editor-scaffold .codex-editor__redactor {

	overflow: visible;

}



#kboard-editor-root .ce-block,

.kboard-editor-root-editorjs .ce-block,

.kboard-editor-scaffold .ce-block {

	padding: 2px 0;

	margin-bottom: 8px;

}



#kboard-editor-root .ce-block:last-child,

.kboard-editor-root-editorjs .ce-block:last-child,

.kboard-editor-scaffold .ce-block:last-child {

	margin-bottom: 0;

}



#kboard-editor-root .ce-block__content,

#kboard-editor-root .ce-toolbar__content,

.kboard-editor-root-editorjs .ce-block__content,

.kboard-editor-root-editorjs .ce-toolbar__content,

.kboard-editor-scaffold .ce-block__content,

.kboard-editor-scaffold .ce-toolbar__content {

	max-width: calc(100% - var(--kboard-editorjs-left-gutter));

	margin-left: var(--kboard-editorjs-left-gutter);

	margin-right: 0;

}



#kboard-editor-root .ce-paragraph,

#kboard-editor-root .ce-header,

#kboard-editor-root .cdx-list,

.kboard-editor-root-editorjs .ce-paragraph,

.kboard-editor-root-editorjs .ce-header,

.kboard-editor-root-editorjs .cdx-list,

.kboard-editor-scaffold .ce-paragraph,

.kboard-editor-scaffold .ce-header,

.kboard-editor-scaffold .cdx-list {

	color: var(--kboard-text);

	line-height: 1.7;

}



#kboard-editor-root .ce-paragraph[data-placeholder]:empty::before,

#kboard-editor-root .ce-header[data-placeholder]:empty::before,

.kboard-editor-root-editorjs .ce-paragraph[data-placeholder]:empty::before,

.kboard-editor-root-editorjs .ce-header[data-placeholder]:empty::before,

.kboard-editor-scaffold .ce-paragraph[data-placeholder]:empty::before,

.kboard-editor-scaffold .ce-header[data-placeholder]:empty::before {

	color: var(--kboard-text-muted);

	opacity: 0.7;

}



#kboard-editor-root .ce-toolbar,

#kboard-editor-root .ce-inline-toolbar,

#kboard-editor-root .ce-popover,

#kboard-editor-root .ce-conversion-toolbar,

#kboard-editor-root .ce-settings,

.kboard-editor-root-editorjs .ce-toolbar,

.kboard-editor-root-editorjs .ce-inline-toolbar,

.kboard-editor-root-editorjs .ce-popover,

.kboard-editor-root-editorjs .ce-conversion-toolbar,

.kboard-editor-root-editorjs .ce-settings,

.kboard-editor-scaffold .ce-toolbar,

.kboard-editor-scaffold .ce-inline-toolbar,

.kboard-editor-scaffold .ce-popover,

.kboard-editor-scaffold .ce-conversion-toolbar,

.kboard-editor-scaffold .ce-settings {

	left: 0;

	right: 0;

	overflow: visible;

	visibility: visible;

	opacity: 1;

	z-index: 1000;

}



#kboard-editor-root .ce-toolbar__plus,

#kboard-editor-root .ce-toolbar__settings-btn,

.kboard-editor-root-editorjs .ce-toolbar__plus,

.kboard-editor-root-editorjs .ce-toolbar__settings-btn,

.kboard-editor-scaffold .ce-toolbar__plus,

.kboard-editor-scaffold .ce-toolbar__settings-btn {

	visibility: visible;

	opacity: 1;

	color: var(--kboard-text);

	background-color: #fff;

	border: 1px solid var(--kboard-border);

	border-radius: 999px;

	box-shadow: var(--kboard-shadow-sm);

}



#kboard-editor-root .ce-toolbar__plus:hover,

#kboard-editor-root .ce-toolbar__plus:focus,

#kboard-editor-root .ce-toolbar__settings-btn:hover,

#kboard-editor-root .ce-toolbar__settings-btn:focus,

.kboard-editor-root-editorjs .ce-toolbar__plus:hover,

.kboard-editor-root-editorjs .ce-toolbar__plus:focus,

.kboard-editor-root-editorjs .ce-toolbar__settings-btn:hover,

.kboard-editor-root-editorjs .ce-toolbar__settings-btn:focus,

.kboard-editor-scaffold .ce-toolbar__plus:hover,

.kboard-editor-scaffold .ce-toolbar__plus:focus,

.kboard-editor-scaffold .ce-toolbar__settings-btn:hover,

.kboard-editor-scaffold .ce-toolbar__settings-btn:focus {

	color: var(--kboard-primary);

	border-color: var(--kboard-primary);

	background-color: var(--kboard-bg-alt);

}



#kboard-editor-root .ce-block:focus-within .ce-toolbar__plus,

#kboard-editor-root .ce-block:focus-within .ce-toolbar__settings-btn,

#kboard-editor-root .ce-block--focused .ce-toolbar__plus,

#kboard-editor-root .ce-block--focused .ce-toolbar__settings-btn,

#kboard-editor-root .ce-block--empty .ce-toolbar__plus,

#kboard-editor-root .ce-block--empty .ce-toolbar__settings-btn,

.kboard-editor-root-editorjs .ce-block:focus-within .ce-toolbar__plus,

.kboard-editor-root-editorjs .ce-block:focus-within .ce-toolbar__settings-btn,

.kboard-editor-root-editorjs .ce-block--focused .ce-toolbar__plus,

.kboard-editor-root-editorjs .ce-block--focused .ce-toolbar__settings-btn,

.kboard-editor-root-editorjs .ce-block--empty .ce-toolbar__plus,

.kboard-editor-root-editorjs .ce-block--empty .ce-toolbar__settings-btn,

.kboard-editor-scaffold .ce-block:focus-within .ce-toolbar__plus,

.kboard-editor-scaffold .ce-block:focus-within .ce-toolbar__settings-btn,

.kboard-editor-scaffold .ce-block--focused .ce-toolbar__plus,

.kboard-editor-scaffold .ce-block--focused .ce-toolbar__settings-btn,

.kboard-editor-scaffold .ce-block--empty .ce-toolbar__plus,

.kboard-editor-scaffold .ce-block--empty .ce-toolbar__settings-btn {

	visibility: visible;

	opacity: 1;

}



#kboard-editor-root .ce-popover,

#kboard-editor-root .ce-conversion-toolbar,

.kboard-editor-root-editorjs .ce-popover,

.kboard-editor-root-editorjs .ce-conversion-toolbar,

.kboard-editor-scaffold .ce-popover,

.kboard-editor-scaffold .ce-conversion-toolbar {

	border: 1px solid var(--kboard-border);

	box-shadow: var(--kboard-shadow-sm);

}



.kboard-content hr,

.kboard-content .kboard-editorjs-delimiter,

.kboard-content .kboard-editorjs-block-delimiter,

.kboard-document-content hr,

.kboard-document-content .kboard-editorjs-delimiter,

.kboard-document-content .kboard-editorjs-block-delimiter {

	margin: 18px 0;

	border: 0;

	height: 0;

	border-top: 1px solid var(--kboard-border);

}



.kboard-content pre,

.kboard-content .kboard-editorjs-code,

.kboard-content .kboard-editorjs-block-code,

.kboard-document-content pre,

.kboard-document-content .kboard-editorjs-code,

.kboard-document-content .kboard-editorjs-block-code {

	margin: 16px 0;

	padding: 12px;

	overflow: auto;

	background-color: var(--kboard-bg-alt);

	border: 1px solid var(--kboard-border);

	border-radius: var(--kboard-radius);

	font-size: 13px;

	line-height: 1.6;

}



.kboard-content table,

.kboard-content .kboard-editorjs-table,

.kboard-content .kboard-editorjs-block-table,

.kboard-document-content table,

.kboard-document-content .kboard-editorjs-table,

.kboard-document-content .kboard-editorjs-block-table {

	width: 100%;

	margin: 16px 0;

	border-collapse: collapse;

	border: 1px solid var(--kboard-border);

	font-size: 14px;

}



.kboard-content table th,

.kboard-content table td,

.kboard-content .kboard-editorjs-table th,

.kboard-content .kboard-editorjs-table td,

.kboard-content .kboard-editorjs-block-table th,

.kboard-content .kboard-editorjs-block-table td,

.kboard-document-content table th,

.kboard-document-content table td,

.kboard-document-content .kboard-editorjs-table th,

.kboard-document-content .kboard-editorjs-table td,

.kboard-document-content .kboard-editorjs-block-table th,

.kboard-document-content .kboard-editorjs-block-table td {

	padding: 10px;

	border: 1px solid var(--kboard-border);

	vertical-align: top;

}



.kboard-content .kboard-warning,

.kboard-content .kboard-editorjs-warning,

.kboard-content .kboard-editorjs-block-warning,

.kboard-document-content .kboard-warning,

.kboard-document-content .kboard-editorjs-warning,

.kboard-document-content .kboard-editorjs-block-warning {

	margin: 16px 0;

	padding: 12px 14px;

	background-color: var(--kboard-bg-alt);

	border: 1px solid var(--kboard-border);

	border-left: 3px solid var(--kboard-primary);

	border-radius: var(--kboard-radius);

	line-height: 1.7;

}



.kboard-content .kboard-editorjs-checklist,

.kboard-content .kboard-editorjs-block-checklist,

.kboard-document-content .kboard-editorjs-checklist,

.kboard-document-content .kboard-editorjs-block-checklist {

	margin: 16px 0;

	padding-left: 0;

	list-style: none;

}



.kboard-content .kboard-editorjs-checklist li,

.kboard-content .kboard-editorjs-block-checklist li,

.kboard-document-content .kboard-editorjs-checklist li,

.kboard-document-content .kboard-editorjs-block-checklist li {

	margin: 0 0 8px;

	padding-left: 2px;

}