.fkmtu-secretariat-ui-card {
	width: auto;
	margin-right: var(--fkmtu-secretariat-card-inset);
	margin-left: var(--fkmtu-secretariat-card-inset);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-page-shell .fkmtu-secretariat-ui-inbox-card {
	border: 0;
	box-shadow: none;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-page-shell .fkmtu-secretariat-ui-card-head {
	display: flex;
	align-items: baseline;
	justify-content: flex-start;
	gap: 0;
	min-height: 54px;
	margin: 0;
	padding: var(--fkmtu-secretariat-card-head-padding);
	overflow-x: auto;
	border: 0;
	scrollbar-width: none;
}

.fkmtu-secretariat-ui-card-head::-webkit-scrollbar,
.fkmtu-secretariat-ui-filters::-webkit-scrollbar,
.fkmtu-secretariat-ui-filter-stack::-webkit-scrollbar {
	display: none;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-page-shell .fkmtu-secretariat-ui-card-title {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	margin: 0 0 var(--fkmtu-secretariat-card-title-table-gap);
	min-height: 38px;
	padding: 0;
	color: var(--fkmtu-secretariat-text);
	font-size: var(--fkmtu-secretariat-card-title-size);
	font-weight: var(--fkmtu-secretariat-card-title-weight);
	line-height: 1.25;
	white-space: nowrap;
}

.fkmtu-secretariat-ui-filters {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 1px;
	margin: 0 0 0 var(--fkmtu-secretariat-card-title-filter-gap);
	padding: 0;
	overflow-x: auto;
	border: 0;
	background: transparent;
	scrollbar-width: none;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-filters > a,
body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-filters > button,
body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-filter-stack a {
	position: relative;
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: auto;
	height: 38px;
	min-width: 0;
	margin: 0;
	padding: 0 22px;
	border: 0;
	border-radius: 0;
	color: var(--fkmtu-secretariat-text);
	background: transparent;
	font-size: var(--fkmtu-secretariat-card-filter-size);
	font-weight: var(--fkmtu-secretariat-card-filter-weight);
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	box-shadow: none;
	transform: none;
	isolation: isolate;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-filters > button {
	cursor: pointer;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-filters > :nth-child(n + 3) {
	margin-left: -2px;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-filters > a:hover,
body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-filters > a:focus-visible,
body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-filters > button:hover,
body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-filters > button:focus-visible,
body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-filter-stack a:hover,
body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-filter-stack a:focus-visible {
	border-radius: var(--fkmtu-button-radius-strong);
	color: var(--fkmtu-secretariat-inverse-text);
	background: transparent;
	text-decoration: none;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-filters > a.active,
body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-filters > button.is-active,
body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-filter-stack a.active {
	border-radius: var(--fkmtu-button-radius-strong);
	color: var(--fkmtu-secretariat-inverse-text);
	background: transparent;
	text-decoration: none;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-filters > a:hover::before,
body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-filters > a:focus-visible::before,
body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-filters > button:hover::before,
body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-filters > button:focus-visible::before,
body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-filter-stack a:hover::before,
body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-filter-stack a:focus-visible::before,
body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-filters > a.active::before,
body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-filters > button.is-active::before,
body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-filter-stack a.active::before {
	position: absolute;
	z-index: -1;
	top: -1px;
	right: 0;
	bottom: 1px;
	left: 0;
	border-radius: var(--fkmtu-button-radius-strong);
	background: var(--fkmtu-secretariat-secondary-text);
	content: "";
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-page-shell .fkmtu-secretariat-ui-card-body {
	padding: var(--fkmtu-secretariat-card-body-padding);
	background: var(--fkmtu-secretariat-card-bg);
}

.fkmtu-secretariat-ui-filter-stack {
	margin: 0;
	padding: 0;
	overflow-x: auto;
	border: 0;
	background: transparent;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.fkmtu-secretariat-ui-filter-row {
	display: grid;
	grid-template-columns: 40px auto;
	align-items: center;
	gap: 12px;
	min-width: max-content;
	margin: 0;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-role-filter {
	display: grid;
	grid-template-columns: max-content;
	align-items: start;
	justify-content: start;
	width: max-content;
	max-width: 100%;
	gap: 0;
	margin: 0 0 20px auto;
	padding: 10px 12px;
	border: var(--fkmtu-border-width) solid var(--fkmtu-color-card-border);
	border-radius: var(--fkmtu-button-radius-soft);
	background: var(--fkmtu-secretariat-table-head-bg);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-role-groups {
	display: grid;
	grid-column: 1;
	grid-row: 1;
	justify-self: start;
	gap: 0;
	min-width: max-content;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-role-groups .fkmtu-secretariat-ui-filter-row {
	grid-template-columns: 40px auto;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-filter-group-label {
	color: var(--fkmtu-secretariat-muted);
	font-size: var(--fkmtu-font-size-meta);
	font-weight: var(--fkmtu-font-weight-medium);
	line-height: 1;
	text-align: right;
	white-space: nowrap;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-filter-items {
	display: grid;
	grid-template-columns: repeat(4, 100px) max-content;
	align-items: center;
	gap: 1px;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-filter-items a {
	box-sizing: border-box;
	width: fit-content;
	padding-right: 8px;
	padding-left: 8px;
	justify-content: flex-start;
	text-align: left;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-role-filter a {
	height: var(--fkmtu-control-height-compact);
	font-size: var(--fkmtu-font-size-meta);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-role-filter > .fkmtu-secretariat-ui-role-all {
	grid-column: 1;
	grid-row: 1;
	align-self: start;
	justify-self: end;
	min-width: max-content;
	padding-right: 8px;
	padding-left: 8px;
	justify-content: flex-end;
	text-align: right;
}

.fkmtu-secretariat-ui-role-picker-toggle::after {
	width: 7px;
	height: 7px;
	margin-left: 9px;
	border-right: 1px solid var(--fkmtu-secretariat-muted);
	border-bottom: 1px solid var(--fkmtu-secretariat-muted);
	content: "";
	transform: translateY(-2px) rotate(45deg);
	transition: transform 0.16s ease;
}

.fkmtu-secretariat-ui-role-picker-toggle[aria-expanded="true"]::after {
	transform: translateY(2px) rotate(225deg);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-role-filter[hidden] {
	display: none;
}

.fkmtu-secretariat-ui-table-wrap {
	margin: 0;
	padding: 0;
	overflow-x: visible;
	background: var(--fkmtu-secretariat-card-bg);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-page-shell .fkmtu-secretariat-ui-table {
	width: 100%;
	min-width: 0;
	margin: 0;
	border-top: 1px solid #e2e6eb;
	border-collapse: collapse;
	table-layout: fixed;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-inbox-table {
	--fkmtu-secretariat-inbox-category-width: 9%;
	--fkmtu-secretariat-inbox-title-width: 50%;
	--fkmtu-secretariat-inbox-sender-width: 14%;
	--fkmtu-secretariat-inbox-received-width: 9%;
	--fkmtu-secretariat-inbox-deadline-width: 9%;
	--fkmtu-secretariat-inbox-manager-width: 9%;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-table th,
body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-table td {
	height: var(--fkmtu-secretariat-card-table-row-height);
	padding: var(--fkmtu-secretariat-card-table-cell-padding);
	border: 0;
	border-bottom: 1px solid #e2e6eb;
	color: var(--fkmtu-secretariat-card-table-meta-color);
	background: transparent;
	font-size: var(--fkmtu-secretariat-card-table-meta-size);
	font-weight: var(--fkmtu-secretariat-card-table-meta-weight);
	line-height: var(--fkmtu-secretariat-card-table-line-height);
	letter-spacing: var(--fkmtu-secretariat-card-table-letter-spacing);
	text-align: center;
	vertical-align: middle;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-table th {
	height: var(--fkmtu-secretariat-card-table-head-height);
	color: var(--fkmtu-secretariat-table-head-text);
	background: var(--fkmtu-secretariat-table-head-bg);
	font-size: var(--fkmtu-secretariat-card-table-head-size);
	font-weight: var(--fkmtu-secretariat-card-table-head-weight);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-inbox-table .col-cat {
	width: var(--fkmtu-secretariat-inbox-category-width);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-inbox-table .col-title {
	width: var(--fkmtu-secretariat-inbox-title-width);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-inbox-table .col-sender {
	width: var(--fkmtu-secretariat-inbox-sender-width);
}

body.fkmtu-secretariat-layout [data-secretariat-resizable-columns] th,
body.wp-admin [data-secretariat-resizable-columns] th {
	position: relative;
}

.fkmtu-secretariat-ui-column-resizer {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	display: block;
	width: 12px;
	height: 100%;
	touch-action: none;
	cursor: col-resize;
}

.fkmtu-secretariat-ui-column-resizer::after {
	position: absolute;
	top: 15%;
	right: 0;
	width: 1px;
	height: 70%;
	border-radius: var(--fkmtu-control-radius, 2px);
	background: var(--fkmtu-color-card-border-strong, #8c8f94);
	content: '';
}

.fkmtu-secretariat-ui-column-resizer:hover::after,
.fkmtu-secretariat-ui-column-resizer:focus-visible::after,
.fkmtu-secretariat-ui-column-resizer.is-active::after {
	background: var(--fkmtu-secretariat-muted, #50575e);
}

.fkmtu-secretariat-ui-column-resizer:focus-visible {
	outline: 1px solid var(--fkmtu-color-card-border-strong, #8c8f94);
	outline-offset: -2px;
}

body.fkmtu-secretariat-layout.is-resizing-secretariat-columns,
body.wp-admin.is-resizing-secretariat-columns {
	cursor: col-resize;
	user-select: none;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-inbox-table .col-received {
	width: var(--fkmtu-secretariat-inbox-received-width);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-inbox-table .col-deadline {
	width: var(--fkmtu-secretariat-inbox-deadline-width);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-inbox-table .col-manager {
	width: var(--fkmtu-secretariat-inbox-manager-width);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-approval-table .no {
	width: 80px;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-approval-table .approval-type,
body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-approval-table .approval-status {
	width: 100px;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-approval-table .date {
	width: 120px;
}


body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-approval-table .author {
	width: 150px;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-approval-table .title {
	width: auto;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-table td.fkmtu-secretariat-ui-cell-primary,
body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-table td.fkmtu-secretariat-ui-cell-primary a {
	overflow: hidden;
	color: var(--fkmtu-secretariat-table-title-text);
	font-size: var(--fkmtu-secretariat-card-table-body-size);
	font-weight: var(--fkmtu-secretariat-card-table-title-weight);
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-table td.fkmtu-secretariat-ui-cell-primary a:hover,
body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-table td.fkmtu-secretariat-ui-cell-primary a:focus-visible {
	color: var(--fkmtu-secretariat-link-hover);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.fkmtu-secretariat-ui-title-line {
	display: inline-flex;
	align-items: baseline;
	gap: 6px;
	max-width: 100%;
	min-width: 0;
	vertical-align: middle;
}

.fkmtu-secretariat-ui-title-line > a {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-comment-count {
	flex: 0 0 auto;
	color: var(--fkmtu-secretariat-card-comment-count-color);
	font-size: var(--fkmtu-secretariat-card-comment-count-size);
	font-weight: var(--fkmtu-secretariat-card-comment-count-weight);
	line-height: 1;
}

.fkmtu-secretariat-ui-nowrap-table th,
.fkmtu-secretariat-ui-nowrap-table td {
	overflow: hidden;
	text-overflow: clip;
	white-space: nowrap;
}

.fkmtu-secretariat-ui-nowrap-table .fkmtu-secretariat-ui-title-line {
	display: flex;
	flex: 1 1 auto;
	width: 100%;
	overflow: hidden;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-approval-table th.title {
	text-align: center;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-approval-table td.title {
	text-align: left;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-approval-table .fkmtu-secretariat-ui-title-line {
	display: inline-flex;
	flex: 0 1 auto;
	width: auto;
	align-items: baseline;
	gap: 6px;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-approval-table .fkmtu-secretariat-ui-title-line>a {
	display: inline-block;
	flex: 0 1 auto;
	width: auto;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-table tbody tr:hover td,
body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-table tbody tr.current-viewing td {
	color: var(--fkmtu-secretariat-card-table-meta-color);
	background: #fafbfd;
	font-weight: var(--fkmtu-secretariat-card-table-meta-weight);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-table tbody tr.current-viewing .fkmtu-secretariat-ui-cell-primary a {
	color: var(--fkmtu-secretariat-table-title-text);
	font-weight: var(--fkmtu-secretariat-card-table-title-weight);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-status {
	display: inline;
	min-width: 0;
	height: auto;
	padding: 0;
	border: 0;
	border-radius: 0;
	color: var(--fkmtu-secretariat-card-status-color);
	background: transparent;
	font-size: var(--fkmtu-secretariat-card-status-size);
	font-weight: var(--fkmtu-secretariat-card-status-weight);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-form-shell {
	width: min(var(--fkmtu-secretariat-form-max-width), 100%);
	margin: 0 auto;
	padding: 0;
	font-size: var(--fkmtu-font-size-body);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-form-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--fkmtu-secretariat-form-header-gap);
	margin: 0 0 var(--fkmtu-secretariat-form-section-gap);
	padding: var(--fkmtu-secretariat-form-header-padding);
	border-bottom: var(--fkmtu-secretariat-form-header-border-width) solid #111;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-form-title {
	margin: 0;
	padding: 0;
	color: var(--fkmtu-color-primary);
	font-size: var(--fkmtu-font-size-page-title);
	font-weight: var(--fkmtu-font-weight-bold);
	line-height: 1.2;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-form {
	display: block;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 var(--fkmtu-secretariat-form-grid-gap);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-field {
	margin: 0 0 var(--fkmtu-secretariat-form-field-gap);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-field > label {
	display: block;
	margin: 0 0 var(--fkmtu-secretariat-form-label-gap);
	color: var(--fkmtu-secretariat-text);
	font-weight: var(--fkmtu-font-weight-semibold);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-field > label span {
	color: var(--fkmtu-color-danger);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-field > input:not([type="file"], [type="checkbox"]),
body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-field > select,
body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-field > textarea {
	box-sizing: border-box;
	width: 100%;
	height: var(--fkmtu-control-height);
	margin: 0;
	padding: var(--fkmtu-secretariat-form-control-padding);
	border: var(--fkmtu-border-width) solid var(--fkmtu-color-card-border);
	border-radius: var(--fkmtu-control-radius);
	color: var(--fkmtu-secretariat-text);
	background: var(--fkmtu-secretariat-card-bg);
	font-size: var(--fkmtu-font-size-body);
	font-weight: var(--fkmtu-font-weight-regular);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-field > textarea {
	height: auto;
	min-height: var(--fkmtu-secretariat-form-editor-min-height);
	line-height: 1.6;
	resize: vertical;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-field .wp-editor-wrap {
	overflow: hidden;
	border: var(--fkmtu-border-width) solid var(--fkmtu-color-card-border);
	border-radius: var(--fkmtu-control-radius);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-field .wp-editor-container {
	border: 0;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-field iframe {
	min-height: var(--fkmtu-secretariat-form-editor-min-height);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-form-actions {
	display: flex;
	justify-content: center;
	gap: var(--fkmtu-button-gap);
	margin: var(--fkmtu-secretariat-form-section-gap) 0 0;
}

body.fkmtu-secretariat-layout .fkmtu-inbox-write-error {
	margin: 0 0 var(--fkmtu-secretariat-form-field-gap);
	padding: var(--fkmtu-secretariat-form-file-padding);
	border-radius: var(--fkmtu-control-radius);
	color: var(--fkmtu-color-danger);
	background: var(--fkmtu-color-danger-soft);
	font-weight: var(--fkmtu-font-weight-semibold);
}

body.fkmtu-secretariat-layout .fkmtu-inbox-write-auth {
	max-width: 600px;
	margin: 60px auto;
	padding: 40px 20px;
	border: var(--fkmtu-border-width) solid var(--fkmtu-color-card-border);
	border-radius: var(--fkmtu-secretariat-card-radius);
	background: var(--fkmtu-secretariat-card-bg);
	text-align: center;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-field.is-attachment {
	margin-top: var(--fkmtu-secretariat-form-section-gap);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-attachment {
	display: grid;
	gap: var(--fkmtu-secretariat-form-file-gap);
	padding: var(--fkmtu-secretariat-form-file-padding);
	border: var(--fkmtu-border-width) solid var(--fkmtu-color-card-border);
	border-radius: var(--fkmtu-control-radius);
	background: var(--fkmtu-secretariat-card-bg);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-file-control {
	display: grid;
	gap: var(--fkmtu-secretariat-form-label-gap);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-file-control input[type="file"] {
	box-sizing: border-box;
	width: 100%;
	min-height: var(--fkmtu-control-height);
	margin: 0;
	padding: var(--fkmtu-secretariat-form-label-gap);
	border: var(--fkmtu-border-width) solid var(--fkmtu-color-card-border);
	border-radius: var(--fkmtu-control-radius);
	color: var(--fkmtu-secretariat-secondary-text);
	background: var(--fkmtu-color-hover-neutral);
	font-size: var(--fkmtu-font-size-meta);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-file-control input[type="file"]::file-selector-button {
	height: var(--fkmtu-control-height-compact);
	margin: 0 var(--fkmtu-secretariat-form-label-gap) 0 0;
	padding: 0 var(--fkmtu-button-padding-inline-compact);
	border: var(--fkmtu-border-width) solid var(--fkmtu-color-card-border-strong);
	border-radius: var(--fkmtu-button-radius-soft);
	color: var(--fkmtu-secretariat-text);
	background: var(--fkmtu-secretariat-card-bg);
	font-size: var(--fkmtu-font-size-small);
	font-weight: var(--fkmtu-font-weight-medium);
	cursor: pointer;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-file-control input[type="file"]::file-selector-button:hover {
	background: var(--fkmtu-color-hover-neutral);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-form-help {
	color: var(--fkmtu-secretariat-muted);
	font-size: var(--fkmtu-font-size-meta);
	font-weight: var(--fkmtu-font-weight-regular);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-attachment-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--fkmtu-secretariat-form-item-gap);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-attachment-toolbar > span {
	color: var(--fkmtu-secretariat-secondary-text);
	font-size: var(--fkmtu-font-size-meta);
	font-weight: var(--fkmtu-font-weight-medium);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-attachment-actions {
	display: flex;
	align-items: center;
	gap: var(--fkmtu-button-gap);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-attachment-list {
	display: grid;
	gap: var(--fkmtu-secretariat-form-label-gap);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-attachment-list:empty {
	display: none;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-attachment-item {
	display: grid;
	grid-template-columns: var(--fkmtu-secretariat-form-attachment-preview-size) minmax(0, 1fr);
	align-items: center;
	gap: var(--fkmtu-secretariat-form-item-gap);
	padding: var(--fkmtu-secretariat-form-label-gap);
	border: var(--fkmtu-border-width) solid var(--fkmtu-color-divider);
	border-radius: var(--fkmtu-control-radius);
	background: var(--fkmtu-color-hover-neutral);
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-attachment-item > label {
	display: flex;
	align-items: center;
	gap: var(--fkmtu-button-gap);
	margin: 0;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-attachment-item img,
body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-attachment-item .fkmtu-attach-file-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--fkmtu-secretariat-form-attachment-preview-size);
	height: var(--fkmtu-secretariat-form-attachment-preview-size);
	object-fit: cover;
}

body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-attachment-name {
	overflow: hidden;
	color: var(--fkmtu-secretariat-text);
	font-size: var(--fkmtu-font-size-body);
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (max-width: 1100px) {
	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-inbox-table .col-received {
		display: none;
	}
}

@media (max-width: 900px) {
	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-inbox-table .col-sender {
		display: none;
	}
}

@media (max-width: 768px) {
	body.fkmtu-secretariat-layout .fkmtu-secretariat-page-shell .fkmtu-secretariat-ui-card-head {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		align-items: start;
		gap: 4px;
		min-height: 0;
		padding: var(--fkmtu-secretariat-card-head-padding);
		overflow: visible;
	}

	.fkmtu-secretariat-ui-filters {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		overscroll-behavior-x: contain;
		scroll-snap-type: x proximity;
	}

	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-filters > a,
	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-filters > button {
		padding-right: var(--fkmtu-secretariat-card-inset);
		padding-left: var(--fkmtu-secretariat-card-inset);
		scroll-snap-align: start;
	}

}

@media (max-width: 700px) {
	.fkmtu-secretariat-ui-column-resizer {
		display: none;
	}

	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-form-header {
		align-items: flex-start;
		flex-direction: column;
	}

	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-form-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-attachment-toolbar {
		align-items: flex-start;
		flex-direction: column;
	}

	.fkmtu-secretariat-ui-card {
		margin-right: var(--fkmtu-secretariat-card-inset);
		margin-left: var(--fkmtu-secretariat-card-inset);
	}

	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-role-filter {
		grid-template-columns: max-content;
		justify-content: start;
	}

	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-role-groups {
		justify-self: start;
	}

	.fkmtu-secretariat-ui-table-wrap {
		overflow: visible;
	}

	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-table thead {
		display: none;
	}

	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-table,
	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-table tbody,
	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-table tr,
	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-table td {
		display: block;
		width: 100%;
	}

	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-table tr {
		padding: 8px 14px;
		border-bottom: 1px solid #e2e6eb;
	}

	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-table td {
		height: auto;
		padding: 2px 0;
		border: 0;
		text-align: left;
	}

	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-table.fkmtu-secretariat-ui-nowrap-table td {
		width: 100%;
		max-width: none;
		min-width: 0;
		overflow: visible;
		text-overflow: clip;
		white-space: normal;
	}

	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-table.fkmtu-secretariat-ui-nowrap-table td.fkmtu-secretariat-ui-cell-meta {
		display: grid;
		grid-template-columns: 74px minmax(0, 1fr);
		align-items: baseline;
	}

	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-table.fkmtu-secretariat-ui-inbox-table td.fkmtu-secretariat-ui-cell-meta,
	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-table.fkmtu-secretariat-ui-approval-table td.fkmtu-secretariat-ui-cell-meta {
		align-items: center;
	}

	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-table td::before {
		display: inline-block;
		width: 74px;
		color: var(--fkmtu-secretariat-muted);
		font-size: var(--fkmtu-font-size-caption);
		content: attr(data-label);
	}

	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-table.fkmtu-secretariat-ui-nowrap-table td.fkmtu-secretariat-ui-cell-meta::before {
		display: block;
		width: auto;
	}

	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-inbox-table tbody > tr,
	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-approval-table tbody > tr {
		display: flex;
		flex-direction: column;
	}

	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-inbox-table td.col-title,
	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-approval-table td.title {
		order: -2;
	}

	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-inbox-table td.col-cat,
	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-approval-table td.approval-status {
		order: -1;
	}

	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-table.fkmtu-secretariat-ui-approval-table td.no {
		display: none;
	}

	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-table td.fkmtu-secretariat-ui-cell-primary {
		padding: 5px 0;
	}

	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-table td.fkmtu-secretariat-ui-cell-primary::before {
		display: none;
	}

	/* 수신공문도 대시보드 공문처럼 제목 다음에 라벨·값을 세로로 배치한다. */
	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-inbox-table tbody > tr {
		display: flex;
		flex-direction: column;
		padding: 8px 14px;
	}

	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-inbox-table td.col-title {
		order: -6;
		padding: 5px 0;
	}

	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-inbox-table td.col-cat {
		order: -5;
	}

	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-inbox-table td.col-deadline {
		order: -2;
	}

	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-inbox-table td.col-sender {
		order: -4;
	}

	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-inbox-table td.col-received {
		order: -3;
	}

	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-inbox-table td.col-manager {
		order: -1;
	}

	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-inbox-table .fkmtu-secretariat-deadline-value-prefix {
		display: none;
	}

	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-inbox-table .fkmtu-secretariat-ui-title-line {
		display: block;
		width: 100%;
		min-width: 0;
		overflow: visible;
	}

	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-inbox-table td.col-title .fkmtu-secretariat-ui-title-line > a {
		display: inline;
		min-width: 0;
		overflow: visible;
		line-height: 1.45;
		white-space: normal;
		overflow-wrap: anywhere;
	}

	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-inbox-table td.col-title .fkmtu-secretariat-ui-comment-count {
		display: inline;
		margin-left: 4px;
		vertical-align: baseline;
	}

	body.fkmtu-secretariat-layout .fkmtu-secretariat-ui-inbox-table td.fkmtu-empty {
		padding: 12px 0;
		text-align: center;
	}
	
}