/**
 * IKB Sistem Informasi dashboard styles
 *
 * @package IKB_Sistem_Informasi
 */

#stm-dashboard-root.stm-dashboard,
#stm-dashboard-root.stm-dashboard *,
#stm-dashboard-root.stm-dashboard *::before,
#stm-dashboard-root.stm-dashboard *::after {
	box-sizing: border-box;
}

#stm-dashboard-root.stm-premium {
	min-width: 0;
	font-size: 0.875rem;
	line-height: 1.45;
	-webkit-font-smoothing: antialiased;
	background: transparent;
}

/* ==========================================================================
    App shell
   ========================================================================== */

#stm-dashboard-root.stm-app-shell {
	/* Zenith shell tokens */
	--stm-chrome-bg: #ffffff;
	--stm-chrome-bg-soft: #f9fafb;
	--stm-chrome-border: #e5e7eb;
	--stm-chrome-header-h: 3.5rem;
	--stm-chrome-gradient: none;
	--stm-sidebar-w: 15rem;
	--stm-sidebar-w-collapsed: 4rem;
	--stm-sidebar-bg: #fafafa;
	--stm-sidebar-bg-hover: #f3f4f6;
	--stm-sidebar-bg-active: #eceff3;
	--stm-sidebar-border: #e8eaed;
	--stm-sidebar-text: #6b7280;
	--stm-sidebar-text-active: #111827;
	--stm-sidebar-accent: #111827;
	--stm-main-bg: #ffffff;
	--stm-surface: #ffffff;
	--stm-surface-muted: #f9fafb;
	--stm-border: #f3f4f6;
	--stm-border-strong: #e5e7eb;
	--stm-text: #111827;
	--stm-text-muted: #6b7280;
	--stm-text-subtle: #9ca3af;
	--stm-accent: #18181b;
	--stm-accent-2: #18181b;
	--stm-accent-warm: #18181b;
	--stm-accent-soft: #f3f4f6;
	--stm-success: #16a34a;
	--stm-warning: #d97706;
	--stm-radius: 8px;
	--stm-radius-sm: 6px;
	--stm-gap: 0.625rem;
	--stm-gap-lg: 1rem;
	--stm-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
	--stm-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06);
	--stm-ease: 220ms cubic-bezier(0.4, 0, 0.2, 1);
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	background: var(--stm-main-bg);
	color: var(--stm-text);
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

#stm-dashboard-root .stm-app-layout {
	display: flex;
	align-items: stretch;
	min-height: min(100vh, 100dvh);
	width: 100%;
	min-width: 0;
	overflow-x: hidden;
}

#stm-dashboard-root .stm-sidebar {
	flex: 0 0 var(--stm-sidebar-w);
	width: var(--stm-sidebar-w);
	max-width: var(--stm-sidebar-w);
	display: flex;
	flex-direction: column;
	background: var(--stm-sidebar-bg);
	border-right: 1px solid var(--stm-sidebar-border);
	z-index: 1040;
	position: relative;
	transition: flex-basis var(--stm-ease), width var(--stm-ease), max-width var(--stm-ease);
	will-change: width;
}

#stm-dashboard-root.is-sidebar-resizing .stm-sidebar {
	transition: none;
	user-select: none;
}

#stm-dashboard-root .stm-sidebar__resize {
	display: none;
	position: absolute;
	top: 0;
	right: -3px;
	width: 6px;
	height: 100%;
	cursor: col-resize;
	z-index: 5;
	touch-action: none;
}

#stm-dashboard-root .stm-sidebar__resize::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 2px;
	width: 2px;
	border-radius: 2px;
	background: transparent;
	transition: background 0.12s ease;
}

#stm-dashboard-root .stm-sidebar__resize:hover::after,
#stm-dashboard-root .stm-sidebar__resize:focus-visible::after,
#stm-dashboard-root.is-sidebar-resizing .stm-sidebar__resize::after {
	background: #84caff;
}

@media (min-width: 992px) {
	#stm-dashboard-root:not(.is-sidebar-collapsed) .stm-sidebar__resize {
		display: block;
	}
}

#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar {
	flex-basis: var(--stm-sidebar-w-collapsed);
	width: var(--stm-sidebar-w-collapsed);
	max-width: var(--stm-sidebar-w-collapsed);
}

#stm-dashboard-root .stm-sidebar__brand {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	height: var(--stm-chrome-header-h);
	padding: 0 0.5rem 0 0.5rem;
	border-bottom: 1px solid var(--stm-sidebar-border);
	position: relative;
}

#stm-dashboard-root .stm-sidebar__brand--mobile {
	flex: 1 1 auto;
	height: auto;
	padding: 0;
	border-bottom: none;
}

#stm-dashboard-root .stm-sidebar__logo {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 1.75rem;
	height: 1.75rem;
	border-radius: 8px;
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.02em;
	color: #fff;
	background: #18181b;
	border: none;
	box-shadow: none;
}

#stm-dashboard-root .stm-sidebar__brand-text {
	display: flex;
	flex-direction: column;
	min-width: 0;
	line-height: 1.15;
	flex: 1 1 auto;
	opacity: 1;
	transition: opacity 140ms ease;
}

#stm-dashboard-root .stm-sidebar__brand-name {
	font-size: 0.875rem;
	font-weight: 700;
	color: var(--stm-text);
	letter-spacing: -0.02em;
}

#stm-dashboard-root .stm-sidebar__brand-tag {
	font-size: 0.5625rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	color: var(--stm-text-subtle);
}

#stm-dashboard-root .stm-sidebar__collapse {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 1.75rem;
	height: 1.75rem;
	margin-left: auto;
	padding: 0;
	color: var(--stm-text-muted);
	background: transparent;
	border: 1px solid transparent;
	border-radius: var(--stm-radius-sm);
	cursor: pointer;
	transition: color 150ms ease, background 150ms ease, border-color 150ms ease;
}

#stm-dashboard-root .stm-sidebar__collapse:hover {
	color: var(--stm-text);
	background: var(--stm-sidebar-bg-hover);
	border-color: var(--stm-border-strong);
}

#stm-dashboard-root .stm-sidebar__collapse-icon--right {
	display: none;
}

#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar__collapse-icon--left {
	display: none;
}

#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar__collapse-icon--right {
	display: block;
}

#stm-dashboard-root .stm-sidebar-nav--chrome {
	margin-bottom: 0.5rem;
}

#stm-dashboard-root .stm-sidebar-nav__collapse {
	width: 100%;
	text-align: left;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	font: inherit;
	color: inherit;
	background: transparent;
	border: 0;
}

#stm-dashboard-root .stm-sidebar-nav__collapse .stm-sidebar-nav__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

#stm-dashboard-root .stm-sidebar-nav__collapse .stm-sidebar__collapse-icon {
	display: block;
}

#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar-nav--chrome {
	margin-bottom: 0.35rem;
	padding-bottom: 0.25rem;
	border-bottom: 1px solid var(--stm-sidebar-border, #e8eaed);
}

#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar__brand {
	justify-content: center;
	align-items: center;
	padding: 0 !important;
	width: 100%;
}

#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar__brand-text {
	display: none !important;
}

#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar__logo {
	margin: 0 auto;
}

#stm-dashboard-root .stm-main-shell {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 0;
	background: var(--stm-main-bg);
	border-left: none;
	transition: none;
}

#stm-dashboard-root .stm-app-header {
	flex-shrink: 0;
	height: var(--stm-chrome-header-h);
	background: var(--stm-chrome-bg);
	border-bottom: 1px solid var(--stm-chrome-border);
	position: sticky;
	top: 0;
	z-index: 30;
}

#stm-dashboard-root .stm-app-header__inner {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	height: 100%;
	padding: 0 0.875rem 0 0.75rem;
}

#stm-dashboard-root .stm-app-header__menu {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 2rem;
	height: 2rem;
	padding: 0;
	color: var(--stm-text-muted);
	background: transparent;
	border: 1px solid var(--stm-border-strong);
	border-radius: var(--stm-radius-sm);
	cursor: pointer;
	transition: color 150ms ease, background 150ms ease;
}

#stm-dashboard-root .stm-app-header__menu:hover {
	color: var(--stm-text);
	background: var(--stm-surface-muted);
}

#stm-dashboard-root .stm-app-header__title-wrap {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	gap: 0.75rem;
	min-width: 0;
}

#stm-dashboard-root .stm-app-header__titles {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0.05rem;
	min-width: 0;
}

#stm-dashboard-root .stm-breadcrumb {
	flex-shrink: 0;
	padding: 0;
	background: transparent;
	border-bottom: none;
	line-height: 1;
}

#stm-dashboard-root .stm-breadcrumb__list {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0.2rem;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.625rem;
	color: var(--stm-text-subtle);
}

#stm-dashboard-root .stm-breadcrumb__item + .stm-breadcrumb__item::before {
	content: "/";
	margin-right: 0.2rem;
	color: #d1d5db;
}

#stm-dashboard-root .stm-breadcrumb__item--current {
	color: var(--stm-text-muted);
	font-weight: 550;
}

#stm-dashboard-root .stm-app-header__quote-wrap {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.375rem;
	min-width: 0;
	max-width: 28rem;
	margin: 0;
	padding: 0 0 0 0.75rem;
	border-left: 1px solid var(--stm-border-strong);
	background: transparent;
}

#stm-dashboard-root .stm-app-header__quote-icon {
	flex-shrink: 0;
	color: var(--stm-text-subtle);
	opacity: 0.5;
}

#stm-dashboard-root .stm-app-header__quote {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	border: none;
}

#stm-dashboard-root .stm-app-header__quote-line {
	min-width: 0;
	font-size: 0.75rem;
	line-height: 1.35;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: opacity 0.25s ease;
}

#stm-dashboard-root .stm-app-header__quote-text {
	font-weight: 500;
	color: var(--stm-text-muted);
}

#stm-dashboard-root .stm-app-header__quote-sep {
	color: var(--stm-text-subtle);
	font-weight: 400;
}

#stm-dashboard-root .stm-app-header__quote-author {
	font-size: inherit;
	font-weight: 500;
	font-style: normal;
	color: var(--stm-text-subtle);
}

#stm-dashboard-root .stm-app-header__quote-wrap.is-fading .stm-app-header__quote-line {
	opacity: 0;
}

#stm-dashboard-root .stm-app-header__actions {
	display: flex;
	align-items: center;
	gap: 0.375rem;
	flex-shrink: 0;
	margin-left: auto;
}

#stm-dashboard-root .stm-app-header__search-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	height: 2rem;
	padding: 0 0.625rem;
	color: var(--stm-text-muted);
	background: var(--stm-surface-muted);
	border: 1px solid var(--stm-border-strong);
	border-radius: var(--stm-radius-sm);
	cursor: pointer;
	transition: color 150ms ease, background 150ms ease, border-color 150ms ease;
}

#stm-dashboard-root .stm-app-header__search-btn:hover {
	color: var(--stm-text);
	background: #fff;
	border-color: #d1d5db;
}

#stm-dashboard-root .stm-app-header__search-text {
	font-size: 0.75rem;
	font-weight: 500;
}

#stm-dashboard-root .stm-app-header__search-kbd {
	margin-left: 0.25rem;
	padding: 0.05rem 0.35rem;
	font-size: 0.625rem;
	font-weight: 600;
	font-family: inherit;
	line-height: 1.4;
	color: var(--stm-text-subtle);
	background: #fff;
	border: 1px solid var(--stm-border-strong);
	border-radius: 4px;
}

#stm-dashboard-root .stm-app-header__icon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	color: var(--stm-text-muted);
	border-radius: var(--stm-radius-sm);
	text-decoration: none;
	transition: background 150ms ease, color 150ms ease;
}

#stm-dashboard-root .stm-app-header__icon-btn:hover {
	color: var(--stm-text);
	background: var(--stm-surface-muted);
}

#stm-dashboard-root .stm-app-header__user-menu {
	position: relative;
}

#stm-dashboard-root .stm-app-header__user {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.2rem 0.45rem 0.2rem 0.2rem;
	border-radius: 999px;
	border: 1px solid var(--stm-border-strong);
	background: var(--stm-surface);
	color: var(--stm-text);
	cursor: pointer;
	transition: background 150ms ease, border-color 150ms ease;
}

#stm-dashboard-root .stm-app-header__user::after {
	display: none;
}

#stm-dashboard-root .stm-app-header__user:hover,
#stm-dashboard-root .stm-app-header__user[aria-expanded="true"] {
	background: var(--stm-surface-muted);
	border-color: #d1d5db;
}

#stm-dashboard-root .stm-app-header__avatar {
	width: 1.625rem !important;
	height: 1.625rem !important;
	border-radius: 50% !important;
}

#stm-dashboard-root .stm-app-header__user-name {
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--stm-text);
	max-width: 7.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#stm-dashboard-root .stm-app-header__user-dropdown {
	min-width: 13.5rem;
	padding: 0.375rem;
	margin-top: 0.375rem !important;
	border: 1px solid var(--stm-border-strong);
	border-radius: var(--stm-radius);
	box-shadow: var(--stm-shadow-md);
	font-size: 0.8125rem;
}

#stm-dashboard-root .stm-app-header__user-dropdown .dropdown-item {
	border-radius: var(--stm-radius-sm);
	padding: 0.4rem 0.625rem;
	font-weight: 500;
	color: var(--stm-text);
}

#stm-dashboard-root .stm-app-header__user-dropdown .dropdown-item:hover,
#stm-dashboard-root .stm-app-header__user-dropdown .dropdown-item:focus {
	background: var(--stm-surface-muted);
	color: var(--stm-text);
}

#stm-dashboard-root .stm-app-header__user-meta-name {
	font-size: 0.8125rem;
	font-weight: 650;
	color: var(--stm-text);
	line-height: 1.25;
}

#stm-dashboard-root .stm-app-header__user-meta-email {
	font-size: 0.6875rem;
	color: var(--stm-text-muted);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#stm-dashboard-root .stm-app-header__logout {
	color: #b91c1c !important;
}

#stm-dashboard-root .stm-sidebar__head--mobile {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	padding: 0.75rem 0.875rem;
	border-bottom: 1px solid var(--stm-sidebar-border);
}

#stm-dashboard-root .stm-sidebar__nav {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	padding: 0.5rem 0.25rem 0.75rem 0;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-width: thin;
}

#stm-dashboard-root .stm-sidebar__section-label {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	margin: 0.625rem 0 0.25rem 0.25rem;
	padding: 0;
	font-size: 0.625rem;
	font-weight: 650;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--stm-text-subtle);
	line-height: 1;
	white-space: nowrap;
	overflow: hidden;
	transition: opacity 140ms ease, height 140ms ease, margin 140ms ease;
}

#stm-dashboard-root .stm-sidebar__section-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 0.875rem;
	height: 0.875rem;
	opacity: 0.7;
}

#stm-dashboard-root .stm-sidebar__section-icon svg {
	width: 0.75rem;
	height: 0.75rem;
}

#stm-dashboard-root .stm-sidebar__section-text {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

#stm-dashboard-root .stm-sidebar__nav > .stm-sidebar__section-label:first-of-type {
	margin-top: 0.125rem;
}

#stm-dashboard-root .stm-sidebar__system {
	margin-top: auto;
	padding-top: 0.75rem;
}

#stm-dashboard-root .stm-sidebar__system .stm-sidebar__section-label {
	margin-top: 0;
}

#stm-dashboard-root .stm-sidebar-nav--modules {
	margin-top: 0.35rem;
}

#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar__section-label {
	display: none !important;
}

#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar__nav {
	padding: 0.5rem 0 !important;
	align-items: stretch;
}

#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar-nav {
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	align-items: stretch;
	gap: 0.125rem;
}

#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar-nav .nav-item {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
}

#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar-nav__link {
	display: inline-flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 2.5rem !important;
	min-width: 2.5rem !important;
	max-width: 2.5rem !important;
	height: 2.5rem !important;
	margin: 0 auto !important;
	padding: 0 !important;
	gap: 0 !important;
	text-align: center !important;
}

#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar-nav__label,
#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar-nav__active-bar,
#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar-nav__sub,
#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar-nav__group > .stm-sidebar-nav__sub {
	display: none !important;
}

#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar-nav__icon {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 1.125rem !important;
	height: 1.125rem !important;
	margin: 0 !important;
	opacity: 0.9;
}

#stm-dashboard-root .stm-sidebar-nav {
	gap: 0.0625rem;
	margin-bottom: 0.125rem;
}

#stm-dashboard-root .stm-sidebar-nav .nav-item {
	width: 100%;
}

#stm-dashboard-root .stm-sidebar-nav__link {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	width: 100%;
	margin: 0;
	padding: 0.4375rem 0.5rem 0.4375rem 0.25rem;
	border: none;
	border-radius: var(--stm-radius-sm);
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--stm-sidebar-text) !important;
	background: transparent !important;
	box-shadow: none !important;
	text-align: left;
	transition: color 150ms ease, background 150ms ease;
}

#stm-dashboard-root .stm-sidebar-nav__link:hover {
	color: var(--stm-sidebar-text-active) !important;
	background: var(--stm-sidebar-bg-hover) !important;
}

#stm-dashboard-root .stm-sidebar-nav__link.active {
	color: var(--stm-sidebar-text-active) !important;
	background: var(--stm-sidebar-bg-active) !important;
	box-shadow: none !important;
	font-weight: 600;
}

#stm-dashboard-root .stm-sidebar-nav__link:focus-visible {
	outline: 2px solid #d1d5db;
	outline-offset: 1px;
}

#stm-dashboard-root .stm-sidebar-nav__active-bar {
	position: absolute;
	left: 0;
	top: 50%;
	width: 2px;
	height: 0;
	border-radius: 2px;
	background: var(--stm-sidebar-accent);
	transform: translateY(-50%);
	opacity: 0;
	transition: height 150ms ease, opacity 150ms ease;
}

#stm-dashboard-root .stm-sidebar-nav__link.active .stm-sidebar-nav__active-bar,
#stm-dashboard-root .stm-sidebar-nav__link.is-section .stm-sidebar-nav__active-bar {
	height: 1rem;
	opacity: 1;
}

#stm-dashboard-root .stm-sidebar-nav__icon {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 1.125rem;
	height: 1.125rem;
	opacity: 0.72;
}

#stm-dashboard-root .stm-sidebar-nav__icon svg {
	width: 1.125rem;
	height: 1.125rem;
}

#stm-dashboard-root .stm-sidebar-nav__link.active .stm-sidebar-nav__icon,
#stm-dashboard-root .stm-sidebar-nav__link.is-section .stm-sidebar-nav__icon {
	color: var(--stm-sidebar-text-active);
	opacity: 1;
}

#stm-dashboard-root .stm-sidebar-nav__label {
	flex: 1 1 auto;
	min-width: 0;
	line-height: 1.25;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	opacity: 1;
	transition: opacity 140ms ease;
}

/* Collapsed tooltips */
#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar-nav__link[data-stm-tooltip],
#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar-nav__sublink[data-stm-tooltip] {
	position: relative;
}

#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar-nav__link[data-stm-tooltip]::after,
#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar-nav__sublink[data-stm-tooltip]::after {
	content: attr(data-stm-tooltip);
	position: absolute;
	left: calc(100% + 0.625rem);
	top: 50%;
	transform: translateY(-50%) translateX(-4px);
	padding: 0.3rem 0.55rem;
	font-size: 0.75rem;
	font-weight: 550;
	line-height: 1.2;
	white-space: nowrap;
	color: #fff;
	background: #18181b;
	border-radius: 6px;
	box-shadow: var(--stm-shadow-md);
	opacity: 0;
	pointer-events: none;
	z-index: 1100;
	transition: opacity 140ms ease, transform 140ms ease;
}

#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar-nav__link[data-stm-tooltip]:hover::after,
#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar-nav__link[data-stm-tooltip]:focus-visible::after,
#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar-nav__sublink[data-stm-tooltip]:hover::after {
	opacity: 1;
	transform: translateY(-50%) translateX(0);
}

#stm-dashboard-root .stm-sidebar-nav__group.is-open > .stm-sidebar-nav__link {
	color: var(--stm-sidebar-text-active) !important;
	font-weight: 600;
}

#stm-dashboard-root .stm-sidebar-nav__link.is-section {
	color: var(--stm-sidebar-text-active) !important;
	font-weight: 600;
}

#stm-dashboard-root .stm-sidebar-nav__sub {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 0.0625rem 0 0.25rem;
	padding: 0;
	gap: 0.0625rem;
}

#stm-dashboard-root .stm-sidebar-nav__sublink {
	display: flex;
	align-items: center;
	gap: 0.375rem;
	width: 100%;
	margin: 0;
	padding: 0.375rem 0.375rem 0.375rem 0.25rem;
	border: none;
	border-radius: var(--stm-radius-sm);
	font-size: 0.75rem;
	font-weight: 500;
	color: var(--stm-sidebar-text) !important;
	background: transparent !important;
	text-decoration: none;
	line-height: 1.25;
	transition: color 150ms ease, background 150ms ease;
}

#stm-dashboard-root .stm-sidebar-nav__sublink:hover {
	color: var(--stm-sidebar-text-active) !important;
	background: var(--stm-sidebar-bg-hover) !important;
}

#stm-dashboard-root .stm-sidebar-nav__sublink.active {
	color: var(--stm-sidebar-text-active) !important;
	background: var(--stm-sidebar-bg-active) !important;
	font-weight: 600;
}

#stm-dashboard-root .stm-sidebar-nav__sublink--muted {
	opacity: 0.55;
	pointer-events: none;
	cursor: default;
	font-weight: 400;
}

#stm-dashboard-root .stm-sidebar-nav__subicon {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 1.125rem;
	height: 1.125rem;
	border-radius: 5px;
	color: #98a2b3;
	background: #f2f4f7;
	opacity: 1;
}

#stm-dashboard-root .stm-sidebar-nav__subicon svg {
	width: 0.75rem;
	height: 0.75rem;
}

#stm-dashboard-root .stm-sidebar-nav__sublink:hover .stm-sidebar-nav__subicon {
	color: #667085;
	background: #e4e7ec;
}

#stm-dashboard-root .stm-sidebar-nav__sublink.active .stm-sidebar-nav__subicon {
	color: #111827;
	background: #e4e7ec;
}

#stm-dashboard-root .stm-sidebar-nav__sublink .stm-sidebar-nav__label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#stm-dashboard-root .stm-sidebar__toggle,
#stm-dashboard-root .stm-sidebar__close {
	color: var(--stm-text-muted);
	line-height: 1;
	border: none;
	background: transparent;
}

#stm-dashboard-root .stm-sidebar__close {
	color: var(--stm-text);
}

#stm-dashboard-root .stm-sidebar-backdrop {
	display: none;
}

#stm-dashboard-root .stm-main {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 0;
	background: var(--stm-main-bg);
	position: relative;
}

#stm-dashboard-root .stm-main__loading {
	border-radius: 0 !important;
	margin: 0 !important;
}

#stm-dashboard-root.stm-app-shell .stm-main__loading {
	background: var(--stm-surface-muted) !important;
	color: var(--stm-text-muted) !important;
	border-bottom: 1px solid var(--stm-border) !important;
}

#stm-dashboard-root .stm-main__body {
	flex: 1 1 auto;
	padding: 0.75rem 0.875rem 1rem;
	min-width: 0;
}

#stm-dashboard-root.stm-app-shell .stm-page-head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--stm-gap);
	margin-bottom: 0.75rem;
}

#stm-dashboard-root.stm-app-shell .stm-page-head__title {
	font-size: 1.125rem;
	font-weight: 700;
	letter-spacing: -0.03em;
	color: var(--stm-text);
	line-height: 1.2;
}

#stm-dashboard-root.stm-app-shell .stm-page-head__desc {
	margin-top: 0.125rem;
	font-size: 0.75rem;
	color: var(--stm-text-muted);
	line-height: 1.4;
}

#stm-dashboard-root.stm-app-shell .stm-page-head__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.5rem;
	margin-left: auto;
}

#stm-dashboard-root.stm-app-shell .stm-task-panel-head__actions .stm-admin-filter {
	display: flex;
	align-items: center;
	gap: 0.375rem;
}

#stm-dashboard-root.stm-app-shell .stm-task-add-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.3125rem;
	min-height: 1.75rem;
	padding: 0.25rem 0.6875rem;
	font-size: 0.75rem;
	letter-spacing: -0.01em;
	transition: background var(--stm-ease), border-color var(--stm-ease), color var(--stm-ease);
}

#stm-dashboard-root.stm-app-shell .stm-task-add-btn__icon {
	flex-shrink: 0;
	width: 12px;
	height: 12px;
}

#stm-dashboard-root.stm-app-shell .stm-task-add-btn:hover {
	transform: none;
	box-shadow: none;
}

#stm-dashboard-root.stm-app-shell .stm-task-add-btn:hover .stm-task-add-btn__icon {
	transform: none;
}

#stm-dashboard-root.stm-app-shell .stm-task-add-btn:active {
	transform: none;
	box-shadow: none;
	opacity: 0.92;
}

#stm-dashboard-root.stm-app-shell .stm-task-page-msg:not([hidden]):not(:empty) {
	margin-bottom: 0.5rem;
}

/* Command palette */
#stm-dashboard-root .stm-cmdk {
	position: fixed;
	inset: 0;
	z-index: 2000;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 12vh 1rem 1rem;
}

#stm-dashboard-root .stm-cmdk[hidden] {
	display: none !important;
}

#stm-dashboard-root .stm-cmdk__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(15, 23, 42, 0.4);
	backdrop-filter: blur(2px);
}

#stm-dashboard-root .stm-cmdk__dialog {
	position: relative;
	width: min(36rem, 100%);
	background: #fff;
	border: 1px solid var(--stm-border-strong);
	border-radius: 12px;
	box-shadow: 0 16px 48px rgba(15, 23, 42, 0.18);
	overflow: hidden;
	animation: stm-cmdk-in 160ms ease;
}

@keyframes stm-cmdk-in {
	from {
		opacity: 0;
		transform: translateY(-6px) scale(0.98);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

#stm-dashboard-root .stm-cmdk__input-wrap {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	padding: 0.75rem 0.875rem;
	border-bottom: 1px solid var(--stm-border);
}

#stm-dashboard-root .stm-cmdk__search-icon {
	flex-shrink: 0;
	color: var(--stm-text-subtle);
}

#stm-dashboard-root .stm-cmdk__input {
	flex: 1 1 auto;
	min-width: 0;
	border: none;
	outline: none;
	background: transparent;
	font-size: 0.9375rem;
	font-weight: 500;
	color: var(--stm-text);
	line-height: 1.4;
}

#stm-dashboard-root .stm-cmdk__input::placeholder {
	color: var(--stm-text-subtle);
	font-weight: 450;
}

#stm-dashboard-root .stm-cmdk__esc {
	flex-shrink: 0;
	padding: 0.1rem 0.35rem;
	font-size: 0.625rem;
	font-weight: 600;
	font-family: inherit;
	color: var(--stm-text-subtle);
	background: var(--stm-surface-muted);
	border: 1px solid var(--stm-border-strong);
	border-radius: 4px;
}

#stm-dashboard-root .stm-cmdk__results {
	list-style: none;
	margin: 0;
	padding: 0.375rem;
	max-height: min(18rem, 42vh);
	overflow-y: auto;
}

#stm-dashboard-root .stm-cmdk__item {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	width: 100%;
	padding: 0.5rem 0.625rem;
	border: none;
	border-radius: var(--stm-radius-sm);
	background: transparent;
	color: var(--stm-text);
	text-align: left;
	cursor: pointer;
	font-size: 0.8125rem;
	font-weight: 500;
}

#stm-dashboard-root .stm-cmdk__item:hover,
#stm-dashboard-root .stm-cmdk__item.is-active {
	background: var(--stm-surface-muted);
}

#stm-dashboard-root .stm-cmdk__item-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.5rem;
	height: 1.5rem;
	color: var(--stm-text-muted);
	background: #fff;
	border: 1px solid var(--stm-border-strong);
	border-radius: 6px;
	flex-shrink: 0;
}

#stm-dashboard-root .stm-cmdk__item-icon svg {
	width: 0.875rem;
	height: 0.875rem;
}

#stm-dashboard-root .stm-cmdk__item-label {
	flex: 1 1 auto;
	min-width: 0;
}

#stm-dashboard-root .stm-cmdk__item-meta {
	font-size: 0.6875rem;
	color: var(--stm-text-subtle);
	flex-shrink: 0;
}

#stm-dashboard-root .stm-cmdk__empty {
	padding: 1.25rem 0.75rem;
	text-align: center;
	font-size: 0.8125rem;
	color: var(--stm-text-muted);
}

#stm-dashboard-root .stm-cmdk__footer {
	display: flex;
	align-items: center;
	gap: 0.875rem;
	padding: 0.5rem 0.875rem;
	border-top: 1px solid var(--stm-border);
	font-size: 0.6875rem;
	color: var(--stm-text-subtle);
}

#stm-dashboard-root .stm-cmdk__footer kbd {
	display: inline-block;
	padding: 0.05rem 0.3rem;
	margin-right: 0.15rem;
	font-size: 0.625rem;
	font-family: inherit;
	font-weight: 600;
	background: var(--stm-surface-muted);
	border: 1px solid var(--stm-border-strong);
	border-radius: 3px;
}

/* ==========================================================================
   Unified UI
   ========================================================================== */

#stm-dashboard-root.stm-app-shell .stm-panel--finance.stm-panel-content {
	background: transparent;
}

#stm-dashboard-root.stm-app-shell .stm-finance-panel-body {
	padding: 0 !important;
	background: transparent !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel-content {
	display: flex;
	flex-direction: column;
	gap: var(--stm-gap);
	min-width: 0;
}

#stm-dashboard-root.stm-app-shell .tab-content > .tab-pane > section.card {
	background: var(--stm-surface) !important;
	border: 1px solid var(--stm-border) !important;
	border-radius: var(--stm-radius) !important;
	box-shadow: none !important;
	overflow: hidden;
}

#stm-dashboard-root.stm-app-shell .tab-content > .tab-pane > section.card > .card-body {
	padding: var(--stm-gap-lg) !important;
	display: flex;
	flex-direction: column;
	gap: var(--stm-gap-lg);
}

#stm-dashboard-root.stm-app-shell .stm-panel-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--stm-gap);
	min-height: 0;
	padding: 0;
	margin: 0;
	border: none;
}

#stm-dashboard-root.stm-app-shell .stm-panel-toolbar__title {
	font-size: 0.875rem;
	font-weight: 700;
	color: var(--stm-text);
	letter-spacing: -0.02em;
}

#stm-dashboard-root.stm-app-shell .stm-panel-toolbar__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.375rem;
}

#stm-dashboard-root.stm-app-shell .stm-panel-toolbar--filters {
	justify-content: flex-start;
	padding: 0;
	background: transparent;
	border: none;
	border-radius: 0;
	gap: 0.75rem;
	margin-bottom: 0.75rem;
}

#stm-dashboard-root.stm-app-shell .stm-ui-label {
	display: block;
	margin-bottom: 0.125rem;
	font-size: 0.625rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--stm-text-subtle);
}

#stm-dashboard-root.stm-app-shell .stm-ui-input.form-control,
#stm-dashboard-root.stm-app-shell .stm-ui-input.form-select {
	min-height: 1.875rem;
	padding: 0.25rem 0.5rem;
	font-size: 0.8125rem;
	color: var(--stm-text);
	background: var(--stm-surface);
	border: 1px solid var(--stm-border-strong);
	border-radius: var(--stm-radius-sm);
	box-shadow: none;
}

#stm-dashboard-root.stm-app-shell .stm-ui-input.form-control:focus,
#stm-dashboard-root.stm-app-shell .stm-ui-input.form-select:focus {
	border-color: var(--stm-accent);
	box-shadow: 0 0 0 2px var(--stm-accent-soft);
}

#stm-dashboard-root.stm-app-shell .stm-ui-select {
	min-width: 9rem;
	max-width: 14rem;
}

#stm-dashboard-root.stm-app-shell .stm-ui-btn {
	padding: 0.25rem 0.75rem;
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.35;
	border-radius: var(--stm-radius-sm);
	border: 1px solid transparent;
	transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}

#stm-dashboard-root.stm-app-shell .stm-ui-btn--primary {
	color: #fff;
	background: var(--stm-accent);
	border-color: var(--stm-accent);
	box-shadow: none;
}

#stm-dashboard-root.stm-app-shell .stm-ui-btn--primary:hover {
	color: #fff;
	background: #27272a;
	border-color: #27272a;
	filter: none;
}

#stm-dashboard-root.stm-app-shell .stm-ui-btn--secondary {
	color: var(--stm-text);
	background: var(--stm-surface);
	border-color: var(--stm-border-strong);
}

#stm-dashboard-root.stm-app-shell .stm-ui-btn--secondary:hover {
	background: var(--stm-surface-muted);
	border-color: var(--stm-border-strong);
}

#stm-dashboard-root.stm-app-shell .stm-ui-btn--ghost {
	color: var(--stm-text-muted);
	background: transparent;
	border-color: var(--stm-border);
}

#stm-dashboard-root.stm-app-shell .stm-ui-btn--ghost:hover {
	color: var(--stm-text);
	background: var(--stm-surface-muted);
}

#stm-dashboard-root.stm-app-shell .stm-ui-hint {
	font-size: 0.6875rem;
	color: var(--stm-text-subtle);
	line-height: 1.35;
}

#stm-dashboard-root.stm-app-shell .stm-filter-group {
	display: inline-flex;
	padding: 3px;
	background: var(--stm-surface-muted);
	border: 1px solid var(--stm-border-strong);
	border-radius: 999px;
}

#stm-dashboard-root.stm-app-shell .stm-segment-btn {
	appearance: none;
	margin: 0;
	padding: 0.3125rem 0.875rem;
	font-size: 0.75rem;
	font-weight: 500;
	color: var(--stm-text-muted);
	background: transparent;
	border: none;
	border-radius: 999px;
	cursor: pointer;
	transition: background 0.12s ease, color 0.12s ease;
}

#stm-dashboard-root.stm-app-shell .stm-segment-btn:hover {
	color: var(--stm-text);
	background: var(--stm-surface);
}

#stm-dashboard-root.stm-app-shell .stm-segment-btn.active {
	color: #fff;
	background: var(--stm-accent);
	box-shadow: none;
	font-weight: 600;
}

#stm-dashboard-root.stm-app-shell .stm-filter-range {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.375rem;
	margin-left: auto;
}

#stm-dashboard-root.stm-app-shell .stm-filter-range__sep {
	font-size: 0.75rem;
	color: var(--stm-text-subtle);
	flex-shrink: 0;
}

/* section */
#stm-dashboard-root.stm-app-shell .stm-panel-toolbar--filters.stm-task-date-filter {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	gap: 0.5rem;
	padding: 0.25rem 0;
	margin: 0 0 0.5rem;
	background: transparent !important;
	border: none !important;
	border-radius: 0;
}

#stm-dashboard-root.stm-app-shell .stm-task-date-filter .stm-filter-group {
	flex: 0 0 auto;
	padding: 0.125rem;
	background: var(--stm-surface-muted);
	border: 1px solid var(--stm-border);
	border-radius: 8px;
}

#stm-dashboard-root.stm-app-shell .stm-task-date-filter .stm-filter-range {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0.25rem;
	margin-left: auto;
	flex: 0 1 auto;
	min-width: 0;
}

#stm-dashboard-root.stm-app-shell .stm-task-date-filter .stm-task-date-input {
	min-width: 6.25rem;
	width: 6.75rem;
	max-width: 6.75rem;
	flex: 0 0 6.75rem;
	min-height: 1.625rem;
	padding: 0.1875rem 0.375rem;
	font-size: 0.75rem;
}

#stm-dashboard-root.stm-app-shell .stm-task-date-filter .stm-filter-range .stm-ui-btn {
	flex: 0 0 auto;
	white-space: nowrap;
	min-height: 1.625rem;
	padding: 0.1875rem 0.5625rem;
	font-size: 0.6875rem;
}

#stm-dashboard-root.stm-app-shell .stm-task-date-filter .stm-segment-btn {
	padding: 0.1875rem 0.625rem;
	font-size: 0.6875rem;
	font-weight: 500;
	color: var(--stm-text-muted);
	border-radius: 6px;
}

#stm-dashboard-root.stm-app-shell .stm-task-date-filter .stm-segment-btn.active {
	color: #fff !important;
	background: var(--stm-accent) !important;
	font-weight: 600;
}

#stm-dashboard-root.stm-app-shell .stm-task-date-input {
	min-width: 6.75rem;
	max-width: 8rem;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-page-head {
	margin-bottom: 0.75rem;
	gap: 0.5rem 1rem;
	align-items: flex-end;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-page-head__title {
	font-size: 1.125rem;
	font-weight: 650;
	letter-spacing: -0.035em;
	line-height: 1.2;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-page-head__desc {
	margin-top: 0.125rem;
	font-size: 0.75rem;
	line-height: 1.35;
	color: var(--stm-text-subtle);
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-filter-user {
	min-width: 8.5rem;
	max-width: 11rem;
	min-height: 1.75rem;
	font-size: 0.75rem;
}

#stm-dashboard-root.stm-app-shell .stm-task-list-section {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

#stm-dashboard-root.stm-app-shell .stm-data-table,
#stm-dashboard-root.stm-app-shell .stm-task-table-shell {
	background: var(--stm-surface);
	border: 1px solid var(--stm-border);
	border-radius: 10px;
	box-shadow: none;
	overflow: hidden;
}

/* Task compose modal */
.stm-task-modal.modal {
	--stm-task-modal-ease: 260ms cubic-bezier(0.22, 1, 0.36, 1);
}

.stm-task-modal .modal-dialog {
	max-width: 28rem;
	margin: 1.25rem auto;
	transform: translateY(10px) scale(0.98);
	opacity: 0;
	transition: transform var(--stm-task-modal-ease), opacity var(--stm-task-modal-ease);
}

.stm-task-modal.show .modal-dialog {
	transform: translateY(0) scale(1);
	opacity: 1;
}

.stm-task-modal__content {
	overflow: hidden;
	border-radius: 12px;
	background: #fff;
	box-shadow:
		0 1px 2px rgba(17, 24, 39, 0.04),
		0 16px 40px rgba(17, 24, 39, 0.12);
}

.stm-task-modal__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 1.125rem 1.25rem 0.875rem;
	border-bottom: 1px solid #f3f4f6;
}

.stm-task-modal__title {
	margin: 0;
	font-size: 1.0625rem;
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 1.25;
	color: #111827;
}

.stm-task-modal__subtitle {
	margin-top: 0.25rem;
	font-size: 0.75rem;
	line-height: 1.4;
	color: #6b7280;
}

.stm-task-modal__close {
	margin-top: 0.125rem;
	opacity: 0.55;
	transition: opacity 160ms ease, transform 160ms ease;
}

.stm-task-modal__close:hover {
	opacity: 1;
	transform: rotate(90deg);
}

.stm-task-modal__form {
	display: flex;
	flex-direction: column;
	min-height: 0;
}

.stm-task-modal__body {
	display: flex;
	flex-direction: column;
	gap: 0.875rem;
	padding: 1rem 1.25rem 0.25rem;
}

.stm-task-modal__row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.75rem;
}

.stm-task-modal__body .stm-task-field {
	min-width: 0;
}

.stm-task-modal__body .stm-ui-label {
	display: block;
	margin-bottom: 0.3125rem;
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #6b7280;
}

.stm-task-modal__input.form-control,
.stm-task-modal__input.form-select {
	min-height: 2.375rem;
	padding: 0.5rem 0.75rem;
	font-size: 0.875rem;
	border-radius: 8px;
	border-color: #e5e7eb;
	background: #fff;
	transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.stm-task-modal__input.form-control:hover,
.stm-task-modal__input.form-select:hover {
	border-color: #d1d5db;
}

.stm-task-modal__input.form-control:focus,
.stm-task-modal__input.form-select:focus {
	border-color: #18181b;
	box-shadow: 0 0 0 3px rgba(24, 24, 27, 0.1);
	background: #fff;
}

.stm-task-modal__textarea {
	min-height: 5rem;
	resize: vertical;
	line-height: 1.45;
}

.stm-task-modal .stm-task-correction {
	padding: 0.75rem;
	background: #f9fafb;
	border: 1px dashed #e5e7eb;
	border-radius: 8px;
}

.stm-task-modal__hint {
	font-size: 0.71875rem;
	color: #9ca3af;
	line-height: 1.4;
}

.stm-task-modal__msg:empty {
	display: none;
}

.stm-task-modal__msg[data-state='err'] {
	color: #dc2626;
	font-size: 0.8125rem;
}

.stm-task-modal__msg[data-state='ok'] {
	color: #16a34a;
	font-size: 0.8125rem;
}

.stm-task-modal__foot {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.5rem;
	padding: 0.875rem 1.25rem 1.125rem;
	border-top: 1px solid #f3f4f6;
	background: #fafafa;
}

.stm-task-modal__submit {
	min-width: 7.5rem;
	min-height: 2.125rem;
	transition: background 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.stm-task-modal__submit:hover:not(:disabled) {
	transform: translateY(-1px);
	box-shadow: 0 2px 8px rgba(24, 24, 27, 0.14);
}

.stm-task-modal__submit:active:not(:disabled) {
	transform: translateY(0);
	box-shadow: none;
}

.stm-task-modal__submit:disabled {
	opacity: 0.65;
	cursor: wait;
}

@media (max-width: 576px) {
	.stm-task-modal .modal-dialog {
		max-width: calc(100% - 1.5rem);
		margin: 0.75rem auto;
	}

	.stm-task-modal__row {
		grid-template-columns: 1fr;
	}

	.stm-task-modal__head,
	.stm-task-modal__body,
	.stm-task-modal__foot {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.stm-task-modal .modal-dialog,
	#stm-dashboard-root.stm-app-shell .stm-task-add-btn,
	#stm-dashboard-root.stm-app-shell .stm-task-add-btn__icon,
	.stm-task-modal__close,
	.stm-task-modal__submit {
		transition: none;
	}

	.stm-task-modal .modal-dialog {
		transform: none;
		opacity: 1;
	}
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks #stm-task-table.stm-table--tasks-premium > :not(caption) > * > * {
	padding: 0.5625rem 0.875rem;
	border-bottom: 1px solid rgba(15, 23, 42, 0.06);
	border-left: none;
	border-right: none;
	background: transparent;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-table-card {
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 12px;
	background: #fff;
	overflow: hidden;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-table-card .stm-task-table-shell,
#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-table-card .stm-data-table {
	border: none;
	border-radius: 0;
	box-shadow: none;
	background: transparent;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks #stm-task-table.stm-table--tasks-premium {
	width: 100%;
	margin: 0;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-col--title {
	width: auto;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-col--staff {
	width: 7.5rem;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-col--status {
	width: 6.5rem;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-col--start,
#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-col--end {
	width: 5.75rem;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-col--actions {
	width: 9.5rem;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks #stm-task-table.stm-table--tasks-premium thead th {
	padding: 0.625rem 0.875rem;
	background: #fafafa !important;
	border-bottom: 1px solid rgba(15, 23, 42, 0.08);
	backdrop-filter: none;
	position: sticky;
	top: 0;
	z-index: 1;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-thead__row .stm-task-th {
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	color: #71717a;
	text-transform: uppercase;
	white-space: nowrap;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-th--actions {
	text-align: right;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks #stm-task-table.stm-table--tasks-premium tbody tr {
	background: #fff;
	transition: background 0.12s ease;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks #stm-task-table.stm-table--tasks-premium tbody tr:nth-child(even) {
	background: #fff;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks #stm-task-table.stm-table--tasks-premium tbody tr:hover {
	background: #f8fafc;
	box-shadow: none;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks #stm-task-table.stm-table--tasks-premium tbody tr:last-child > * {
	border-bottom: none;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-title-cell {
	font-size: 0.8125rem;
	font-weight: 500;
	letter-spacing: -0.015em;
	line-height: 1.4;
	color: #18181b;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-owner-cell {
	font-size: 0.75rem;
	font-weight: 500;
	color: #71717a;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-status-cell {
	vertical-align: middle;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-status-badge.stm-task-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 4.25rem;
	padding: 0.1875rem 0.5rem;
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	line-height: 1.2;
	border-radius: 999px;
	border: 1px solid transparent;
	box-shadow: none;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-badge--done {
	color: #047857;
	background: #ecfdf5;
	border-color: rgba(16, 185, 129, 0.18);
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-badge--pending {
	color: #52525b;
	background: #f4f4f5;
	border-color: rgba(113, 113, 122, 0.14);
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-badge--progress {
	color: #1d4ed8;
	background: #eff6ff;
	border-color: rgba(59, 130, 246, 0.18);
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-badge--cancelled {
	color: #b91c1c;
	background: #fef2f2;
	border-color: rgba(239, 68, 68, 0.16);
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-dt {
	font-size: 0.75rem;
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
	letter-spacing: -0.01em;
	color: #71717a;
	font-weight: 500;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-dt--start,
#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-dt--end,
#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-th--start,
#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-th--end {
	text-align: right;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-btn--done {
	color: #fff;
	background: #18181b;
	border-color: #18181b;
	border-radius: 6px;
	padding: 0.1875rem 0.5625rem;
	font-size: 0.6875rem;
	font-weight: 600;
	min-height: 1.5rem;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-btn--done:hover {
	background: #27272a;
	border-color: #27272a;
	filter: none;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-btn--edit {
	color: #71717a;
	background: transparent;
	border-color: transparent;
	padding: 0.1875rem 0.4375rem;
	font-size: 0.6875rem;
	font-weight: 500;
	min-height: 1.5rem;
	border-radius: 6px;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-btn--edit:hover {
	color: #18181b;
	background: #f4f4f5;
	border-color: transparent;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-btn--delete {
	color: #dc2626;
	background: transparent;
	border-color: transparent;
	padding: 0.1875rem 0.4375rem;
	font-size: 0.6875rem;
	font-weight: 500;
	min-height: 1.5rem;
	border-radius: 6px;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-btn--delete:hover {
	color: #b91c1c;
	background: #fef2f2;
	border-color: transparent;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-title-cell {
	font-size: 0.8125rem;
	font-weight: 500;
	letter-spacing: -0.015em;
	line-height: 1.4;
	color: #18181b;
	max-width: none;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-owner-cell {
	font-size: 0.75rem;
	font-weight: 500;
	color: #71717a;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-btn {
	font-size: 0.6875rem;
	font-weight: 500;
	padding: 0.1875rem 0.4375rem;
	min-height: 1.5rem;
	border-radius: 6px;
	box-shadow: none;
	line-height: 1.2;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-action-btns {
	gap: 0.125rem !important;
	justify-content: flex-end;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-actions-cell {
	width: 1%;
	white-space: nowrap;
	text-align: right;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks #stm-task-table.stm-table--tasks-premium .stm-table__empty {
	text-align: center;
	color: #a1a1aa;
	padding: 2rem 1rem !important;
	font-size: 0.8125rem;
	background: transparent !important;
}

@media (max-width: 900px) {
	#stm-dashboard-root.stm-app-shell .stm-panel--tasks #stm-task-table.stm-table--tasks-premium {
		table-layout: auto;
	}
}

@media (max-width: 900px) {
	#stm-dashboard-root.stm-app-shell .stm-task-panel-head {
		flex-direction: column;
		align-items: stretch;
	}

	#stm-dashboard-root.stm-app-shell .stm-task-panel-head__actions {
		margin-left: 0;
		justify-content: flex-start;
	}
}

@media (max-width: 768px) {
	#stm-dashboard-root.stm-app-shell .stm-panel-toolbar--filters.stm-task-date-filter {
		flex-wrap: wrap;
		row-gap: 0.5rem;
	}

	#stm-dashboard-root.stm-app-shell .stm-task-date-filter .stm-filter-range {
		margin-left: 0;
		width: 100%;
		flex-wrap: wrap;
	}

	#stm-dashboard-root.stm-app-shell .stm-task-date-filter .stm-task-date-input {
		flex: 1 1 6.5rem;
		min-width: 0;
		width: auto;
		max-width: none;
	}
}

@media (max-width: 640px) {
	#stm-dashboard-root.stm-app-shell .stm-filter-range {
		margin-left: 0;
		width: 100%;
	}

	#stm-dashboard-root.stm-app-shell .stm-task-date-input {
		flex: 1 1 6.5rem;
		min-width: 0;
		max-width: none;
	}
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-page-head {
	margin-bottom: 0.25rem;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-subtabs.stm-subnav-pills {
	margin-bottom: 1rem;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-subtabs--scroll {
	scrollbar-width: thin;
	-webkit-overflow-scrolling: touch;
	max-width: 100%;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-subtabs--scroll .nav-link {
	white-space: nowrap;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance ul.stm-finance-subtabs .nav-link[data-stm-finance-sub] {
	color: var(--stm-text-muted) !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance ul.stm-finance-subtabs .nav-link[data-stm-finance-sub]:hover {
	color: var(--stm-text) !important;
	background: var(--stm-surface) !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance ul.stm-finance-subtabs .nav-link.active:not([data-stm-finance-sub='exp']):not([data-stm-finance-sub='inc']),
#stm-dashboard-root.stm-app-shell .stm-panel--finance ul.stm-finance-subtabs .nav-link.active:not([data-stm-finance-sub='exp']):not([data-stm-finance-sub='inc']):hover {
	color: #fff !important;
	background: var(--stm-accent) !important;
	box-shadow: none !important;
	font-weight: 600;
}

/* section */
#stm-dashboard-root.stm-app-shell .stm-panel--finance ul.stm-finance-subtabs .nav-link[data-stm-finance-sub='inc'] {
	color: #16a34a !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance ul.stm-finance-subtabs .nav-link[data-stm-finance-sub='inc']:hover:not(.active) {
	color: #15803d !important;
	background: rgba(22, 163, 74, 0.08) !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance ul.stm-finance-subtabs .nav-link[data-stm-finance-sub='inc'].active,
#stm-dashboard-root.stm-app-shell .stm-panel--finance ul.stm-finance-subtabs .nav-link[data-stm-finance-sub='inc'].active:hover {
	color: #fff !important;
	background: #16a34a !important;
	border: none !important;
	box-shadow: none !important;
	font-weight: 600;
}

/* section */
#stm-dashboard-root.stm-app-shell .stm-panel--finance ul.stm-finance-subtabs .nav-link[data-stm-finance-sub='exp'] {
	color: #dc2626 !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance ul.stm-finance-subtabs .nav-link[data-stm-finance-sub='exp']:hover:not(.active) {
	color: #b91c1c !important;
	background: rgba(220, 38, 38, 0.08) !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance ul.stm-finance-subtabs .nav-link[data-stm-finance-sub='exp'].active,
#stm-dashboard-root.stm-app-shell .stm-panel--finance ul.stm-finance-subtabs .nav-link[data-stm-finance-sub='exp'].active:hover {
	color: #fff !important;
	background: #dc2626 !important;
	border: none !important;
	box-shadow: none !important;
	font-weight: 600;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance ul.stm-finance-subtabs .nav-link[data-stm-finance-sub='exp'].active::before,
#stm-dashboard-root.stm-app-shell .stm-panel--finance ul.stm-finance-subtabs .nav-link[data-stm-finance-sub='exp'].active::after {
	display: none !important;
	content: none !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-scope-hint {
	margin: 0 0 0.75rem;
	padding: 0;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: var(--stm-text-muted);
	background: transparent;
	border: none;
	border-radius: 0;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-readonly-hint {
	margin: 0 0 0.75rem;
	padding: 0.5rem 0.75rem;
	font-size: 0.75rem;
	color: var(--stm-text-muted);
	background: var(--stm-surface-muted);
	border: 1px solid var(--stm-border-strong);
	border-radius: var(--stm-radius-sm);
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-input.form-control,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-input.form-select,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .form-control.form-control-sm,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .form-select.form-select-sm {
	min-height: 1.875rem;
	padding: 0.25rem 0.5rem;
	font-size: 0.8125rem;
	color: var(--stm-text);
	background: var(--stm-surface);
	border: 1px solid var(--stm-border-strong);
	border-radius: var(--stm-radius-sm);
	box-shadow: none;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-input.form-control:focus,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-input.form-select:focus,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .form-control.form-control-sm:focus,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .form-select.form-select-sm:focus {
	border-color: #d1d5db;
	box-shadow: 0 0 0 2px var(--stm-accent-soft);
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-cash-label,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .form-label {
	margin-bottom: 0.125rem;
	font-size: 0.625rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--stm-text-subtle);
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-cash-settings-card {
	margin-bottom: 0.75rem;
	background: var(--stm-surface);
	border: 1px solid var(--stm-border-strong);
	border-radius: var(--stm-radius);
	box-shadow: none;
	overflow: hidden;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-cash-settings-card__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.25rem 0.5rem;
	padding: 0.75rem 1rem 0;
	background: transparent;
	color: var(--stm-text);
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-cash-settings-card__badge {
	font-size: 0.6875rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--stm-text);
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-cash-settings-card__sub {
	font-size: 0.75rem;
	color: var(--stm-text-muted);
	opacity: 1;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-cash-settings-bar {
	padding: 0.75rem 1rem 1rem;
	background: transparent;
	border: none;
	box-shadow: none;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-cash-form-card {
	background: var(--stm-surface);
	border: 1px solid var(--stm-border-strong);
	border-radius: var(--stm-radius);
	box-shadow: none;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-cash-form-panel--in {
	border-left: 3px solid var(--stm-success);
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-cash-form-panel--out {
	border-left: 3px solid #dc2626;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-cash-form-panel__head {
	padding: 0.75rem 1rem 0;
	background: transparent !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-cash-form-panel__title {
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
	color: var(--stm-text);
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-cash-form-panel--in .stm-cash-label,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-cash-form-panel--out .stm-cash-label {
	color: var(--stm-text-subtle);
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-cash-amount-input {
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	color: var(--stm-text) !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-cash-form-actions {
	border-top: 1px solid var(--stm-border);
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-cash-submit-btn--in,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-submit-btn--inc,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-cash-submit-btn--out,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-submit-btn--exp {
	background: var(--stm-accent) !important;
	border-color: var(--stm-accent) !important;
	color: #fff !important;
	box-shadow: none !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-cash-submit-btn:hover,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-submit-btn:hover {
	color: #fff !important;
	background: #27272a !important;
	border-color: #27272a !important;
	transform: none;
	filter: none;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-cash-scope,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-inc-scope,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-exp-scope {
	color: var(--stm-text);
	background: transparent;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-cash-form-panel--in,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-cash-form-panel--out {
	background: var(--stm-surface) !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-cash-form-panel--in .stm-cash-form-panel__head,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-cash-form-panel--out .stm-cash-form-panel__head {
	background: transparent !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-cash-save-btn,
#stm-dashboard-root.stm-app-shell .stm-panel--finance #stm-cash-save-account {
	background: var(--stm-accent) !important;
	border-color: var(--stm-accent) !important;
	color: #fff !important;
	box-shadow: none !important;
	background-image: none !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-cash-history__title,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-txn-history__title {
	margin: 1rem 0 0.75rem;
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--stm-text-subtle);
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-txn-form-card {
	background: var(--stm-surface);
	border: 1px solid var(--stm-border-strong);
	border-radius: var(--stm-radius);
	box-shadow: none;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-txn-form-card--inc {
	border-left: 3px solid var(--stm-success);
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-txn-form-card--exp {
	border-left: 3px solid #dc2626;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-txn-form-card__head--inc,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-txn-form-card__head--exp {
	padding: 0.75rem 1rem 0;
	color: var(--stm-text);
	background: transparent !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-txn-form-card__badge {
	font-size: 0.8125rem;
	font-weight: 700;
	text-transform: none;
	letter-spacing: 0;
	color: var(--stm-text);
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-txn-form-card__sub {
	font-size: 0.75rem;
	color: var(--stm-text-muted);
	opacity: 1;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-txn-form-grid--vibrant {
	padding: 0.75rem 1rem 1rem;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-filter-label {
	font-size: 0.6875rem;
	font-weight: 600;
	color: var(--stm-text-muted);
	white-space: nowrap;
}

/* section */
#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-cash-history__filters,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-txn-history__filters {
	margin-bottom: 0.75rem;
	padding: 0.75rem 1rem;
	background: var(--stm-surface) !important;
	border: 1px solid var(--stm-border-strong) !important;
	border-left: none !important;
	border-radius: var(--stm-radius);
	box-shadow: none !important;
	overflow: visible;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-filter-grid {
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-filter-row {
	display: grid;
	grid-template-columns: 6.25rem minmax(0, 1fr);
	align-items: center;
	gap: 0.5rem 0.75rem;
	padding: 0;
	border-bottom: none;
	background: transparent !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-filter-row--actions {
	grid-template-columns: 1fr;
	justify-items: end;
	padding-top: 0.125rem;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-filter-controls {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0.375rem;
	min-width: 0;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-filter-controls .stm-filter-group {
	flex: 0 0 auto;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-filter-controls .stm-filter-group .stm-finance-date-preset {
	border: none !important;
	border-radius: 999px !important;
	padding: 0.3125rem 0.75rem;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-txn-date-input,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-cash-date-input {
	min-width: 6.75rem;
	width: 7.25rem;
	max-width: 7.25rem;
	flex: 0 0 7.25rem;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-filter-sep {
	color: var(--stm-text-subtle);
	flex-shrink: 0;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-txn-filter-hint,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-cash-history__filters .stm-finance-txn-filter-hint {
	margin-top: 0.5rem;
	padding-top: 0.5rem;
	border-top: 1px solid var(--stm-border);
	color: var(--stm-text-subtle) !important;
	background: transparent !important;
}

@media (max-width: 900px) {
	#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-filter-row {
		grid-template-columns: 1fr;
		gap: 0.375rem;
	}

	#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-filter-controls {
		flex-wrap: wrap;
	}

	#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-txn-date-input,
	#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-cash-date-input {
		flex: 1 1 6.5rem;
		min-width: 0;
		width: auto;
		max-width: none;
	}

	#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-filter-row--actions {
		justify-items: stretch;
	}

	#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-filter-actions {
		width: 100%;
		justify-content: flex-end;
	}
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-date-preset {
	padding: 0.25rem 0.625rem;
	font-size: 0.6875rem;
	font-weight: 500;
	color: var(--stm-text-muted) !important;
	background: transparent !important;
	border: 1px solid var(--stm-border-strong) !important;
	border-radius: var(--stm-radius-sm) !important;
	box-shadow: none !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-date-preset.active,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-date-preset:active {
	color: #fff !important;
	background: var(--stm-accent) !important;
	border-color: var(--stm-accent) !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-filter-btn--apply,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .btn.stm-finance-filter-btn--apply {
	color: #fff !important;
	background: var(--stm-accent) !important;
	border: 1px solid var(--stm-accent) !important;
	border-radius: var(--stm-radius-sm) !important;
	box-shadow: none !important;
	background-image: none !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-filter-btn--reset,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .btn.stm-finance-filter-btn--reset {
	color: var(--stm-text-muted) !important;
	background: var(--stm-surface) !important;
	border: 1px solid var(--stm-border-strong) !important;
	border-radius: var(--stm-radius-sm) !important;
	box-shadow: none !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-cash-table-shell,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-txn-table-shell {
	background: var(--stm-surface);
	border: 1px solid var(--stm-border-strong);
	border-radius: var(--stm-radius);
	box-shadow: none;
	overflow: hidden;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-table--cash-premium > :not(caption) > * > *,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-table--txn-premium > :not(caption) > * > * {
	padding: 0.75rem 1rem;
	border-bottom: 1px solid var(--stm-border);
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-txn-thead th,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-table--cash-premium thead th {
	padding: 0.625rem 1rem;
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	color: var(--stm-text-subtle) !important;
	background: var(--stm-surface) !important;
	border-bottom: 1px solid var(--stm-border-strong);
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-inc-scope .stm-finance-txn-table-shell,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-exp-scope .stm-finance-txn-table-shell,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-inc-scope .stm-finance-txn-table-shell .table.stm-table--txn-premium thead th,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-exp-scope .stm-finance-txn-table-shell .table.stm-table--txn-premium thead th {
	background: var(--stm-surface) !important;
	border-color: var(--stm-border-strong) !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-inc-scope .stm-finance-txn-table-shell .table.stm-table--txn-premium tbody tr:nth-child(even),
#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-exp-scope .stm-finance-txn-table-shell .table.stm-table--txn-premium tbody tr:nth-child(even),
#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-table--cash-premium tbody tr:nth-child(even) {
	background: var(--stm-surface);
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-inc-scope .stm-finance-txn-table-shell .table.stm-table--txn-premium tbody tr:hover,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-exp-scope .stm-finance-txn-table-shell .table.stm-table--txn-premium tbody tr:hover,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-table--cash-premium tbody tr:hover {
	background: var(--stm-surface-muted);
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-inc-scope .stm-finance-txn-table-shell .text-end.fw-semibold {
	color: var(--stm-success);
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-exp-scope .stm-finance-txn-table-shell .text-end.fw-semibold {
	color: var(--stm-text);
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .btn-primary,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-ui-btn--primary,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-finance-submit-btn {
	color: #fff !important;
	border-radius: var(--stm-radius-sm) !important;
	background-image: none !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .btn-outline-primary,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .btn-outline-secondary {
	border-radius: var(--stm-radius-sm) !important;
	background-image: none !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-task-badge--done {
	color: #fff !important;
	background: var(--stm-success) !important;
	border: none !important;
	box-shadow: none !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-task-badge--cancelled,
#stm-dashboard-root.stm-app-shell .stm-panel--finance .stm-task-badge--pending {
	color: var(--stm-text-muted) !important;
	background: #f3f4f6 !important;
	border: none !important;
	box-shadow: none !important;
}

/* ==========================================================================
   Panel Pengaturan
   ========================================================================== */

#stm-dashboard-root.stm-app-shell .stm-panel--settings {
	background: transparent;
}

#stm-dashboard-root.stm-app-shell .stm-settings-page-head {
	margin-bottom: 0.25rem;
}

#stm-dashboard-root.stm-app-shell .stm-subnav-pills {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.25rem;
	padding: 3px;
	margin: 0 0 1.25rem;
	list-style: none;
	background: var(--stm-surface-muted);
	border: 1px solid var(--stm-border-strong);
	border-radius: 999px;
	width: fit-content;
	max-width: 100%;
}

#stm-dashboard-root.stm-app-shell .stm-subnav-pills .nav-item {
	margin: 0;
}

#stm-dashboard-root.stm-app-shell .stm-subnav-pills .nav-link {
	margin: 0;
	padding: 0.375rem 0.875rem;
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.35;
	color: var(--stm-text-muted) !important;
	background: transparent !important;
	border: none !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	transition: background 0.12s ease, color 0.12s ease;
}

#stm-dashboard-root.stm-app-shell .stm-subnav-pills .nav-link:hover {
	color: var(--stm-text) !important;
	background: var(--stm-surface) !important;
}

#stm-dashboard-root.stm-app-shell .stm-subnav-pills .nav-link.active:not([data-stm-finance-sub='exp']):not([data-stm-finance-sub='inc']),
#stm-dashboard-root.stm-app-shell .stm-subnav-pills .nav-link.active:not([data-stm-finance-sub='exp']):not([data-stm-finance-sub='inc']):hover {
	color: #fff !important;
	background: var(--stm-accent) !important;
	font-weight: 600;
}

#stm-dashboard-root.stm-app-shell .stm-settings-section {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	min-width: 0;
}

#stm-dashboard-root.stm-app-shell .stm-settings-section__title {
	margin: 0;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--stm-text);
}

#stm-dashboard-root.stm-app-shell .stm-settings-section__subtitle {
	margin: 0.5rem 0 0;
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--stm-text-subtle);
}

#stm-dashboard-root.stm-app-shell .stm-settings-section__desc {
	margin: 0;
	font-size: 0.8125rem;
	color: var(--stm-text-muted);
	line-height: 1.45;
	max-width: 42rem;
}

#stm-dashboard-root.stm-app-shell .stm-settings-form-card {
	padding: 1rem;
	background: var(--stm-surface);
	border: 1px solid var(--stm-border-strong);
	border-radius: var(--stm-radius);
}

#stm-dashboard-root.stm-app-shell .stm-code-block {
	display: block;
	padding: 0.5rem 0.625rem;
	font-size: 0.75rem;
	background: var(--stm-surface-muted);
	border: 1px solid var(--stm-border-strong);
	border-radius: var(--stm-radius-sm);
	color: var(--stm-text);
}

#stm-dashboard-root.stm-app-shell .stm-panel--settings .stm-data-table,
#stm-dashboard-root.stm-app-shell .stm-panel--settings .stm-table-wrap.stm-data-table {
	background: var(--stm-surface);
	border: 1px solid var(--stm-border-strong);
	border-radius: var(--stm-radius);
	overflow: hidden;
}

#stm-dashboard-root.stm-app-shell .stm-table--settings > :not(caption) > * > * {
	padding: 0.75rem 1rem;
	border-bottom: 1px solid var(--stm-border);
	vertical-align: middle;
}

#stm-dashboard-root.stm-app-shell .stm-table--settings thead th {
	padding: 0.625rem 1rem;
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	color: var(--stm-text-subtle);
	background: var(--stm-surface) !important;
	border-bottom: 1px solid var(--stm-border-strong);
}

#stm-dashboard-root.stm-app-shell .stm-table--settings tbody tr {
	background: var(--stm-surface);
	transition: background 0.12s ease;
}

#stm-dashboard-root.stm-app-shell .stm-table--settings tbody tr:hover {
	background: var(--stm-surface-muted);
}

#stm-dashboard-root.stm-app-shell .stm-panel--settings .btn-primary,
#stm-dashboard-root.stm-app-shell .stm-panel--settings .stm-ui-btn--primary {
	color: #fff !important;
	background: var(--stm-accent) !important;
	border-color: var(--stm-accent) !important;
	background-image: none !important;
	box-shadow: none !important;
	border-radius: var(--stm-radius-sm) !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--settings .btn-primary:hover,
#stm-dashboard-root.stm-app-shell .stm-panel--settings .stm-ui-btn--primary:hover {
	color: #fff !important;
	background: #27272a !important;
	border-color: #27272a !important;
	background-image: none !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--settings .btn-outline-primary,
#stm-dashboard-root.stm-app-shell .stm-panel--settings .stm-ui-btn--secondary {
	color: var(--stm-text) !important;
	background: var(--stm-surface) !important;
	border: 1px solid var(--stm-border-strong) !important;
	background-image: none !important;
	box-shadow: none !important;
	border-radius: var(--stm-radius-sm) !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--settings .btn-outline-primary:hover,
#stm-dashboard-root.stm-app-shell .stm-panel--settings .stm-ui-btn--secondary:hover {
	background: var(--stm-surface-muted) !important;
}

#stm-dashboard-root.stm-app-shell .stm-ui-btn--danger {
	color: #dc2626 !important;
	background: transparent !important;
	border: 1px solid rgba(220, 38, 38, 0.3) !important;
}

#stm-dashboard-root.stm-app-shell .stm-ui-btn--danger:hover {
	color: #fff !important;
	background: #dc2626 !important;
	border-color: #dc2626 !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--settings .stm-actions .btn,
#stm-dashboard-root.stm-app-shell .stm-panel--settings .stm-dir-manage-btn {
	font-size: 0.75rem;
	font-weight: 500;
	padding: 0.25rem 0.625rem;
	color: var(--stm-text-muted) !important;
	background: var(--stm-surface) !important;
	border: 1px solid var(--stm-border-strong) !important;
	border-radius: var(--stm-radius-sm) !important;
	background-image: none !important;
	box-shadow: none !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--settings .stm-actions .btn:hover,
#stm-dashboard-root.stm-app-shell .stm-panel--settings .stm-dir-manage-btn:hover {
	color: var(--stm-text) !important;
	background: var(--stm-surface-muted) !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--settings .modal-content {
	border: 1px solid var(--stm-border-strong);
	border-radius: var(--stm-radius);
	box-shadow: var(--stm-shadow-md);
}

#stm-dashboard-root.stm-app-shell .stm-roles-subtabs.stm-subnav-pills {
	margin-bottom: 1rem;
}

#stm-dashboard-root.stm-app-shell .stm-festive-banner {
	display: none !important;
}

/* Zenith shell tokens */
#stm-dashboard-root.stm-app-shell .stm-panel--chatroom.stm-panel-content {
	gap: 1rem;
}

#stm-dashboard-root.stm-app-shell .stm-chatroom-shell {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	min-width: 0;
}

#stm-dashboard-root.stm-app-shell .stm-panel--chatroom .stm-msg-thread {
	flex: 1 1 auto;
	min-height: min(52vh, 22rem);
	max-height: min(58vh, 32rem);
	margin: 0;
	padding: 0.75rem;
	background: var(--stm-surface);
	border: 1px solid var(--stm-border-strong);
	border-radius: var(--stm-radius);
	box-shadow: none;
	scrollbar-width: thin;
	scrollbar-color: var(--stm-border-strong) transparent;
}

#stm-dashboard-root.stm-app-shell .stm-panel--chatroom .stm-chatroom-empty,
#stm-dashboard-root.stm-app-shell .stm-panel--chatroom .stm-msg-thread-empty {
	padding: 2rem 1rem;
	font-size: 0.8125rem;
	color: var(--stm-text-muted);
}

#stm-dashboard-root.stm-app-shell .stm-panel--chatroom .stm-msg-row {
	margin-bottom: 0.5rem;
}

#stm-dashboard-root.stm-app-shell .stm-panel--chatroom .stm-msg-bubble {
	padding: 0.5rem 0.625rem;
	border-radius: var(--stm-radius);
	font-size: 0.8125rem;
	line-height: 1.45;
	box-shadow: none;
}

#stm-dashboard-root.stm-app-shell .stm-panel--chatroom .stm-msg-row--other .stm-msg-bubble {
	background: var(--stm-surface-muted);
	border: 1px solid var(--stm-border);
	backdrop-filter: none;
}

#stm-dashboard-root.stm-app-shell .stm-panel--chatroom .stm-msg-row--mine .stm-msg-bubble {
	background: var(--stm-accent-soft);
	border: 1px solid var(--stm-border-strong);
}

#stm-dashboard-root.stm-app-shell .stm-panel--chatroom .stm-msg-name {
	font-size: 0.6875rem;
	font-weight: 600;
	color: var(--stm-text);
}

#stm-dashboard-root.stm-app-shell .stm-panel--chatroom .stm-msg-timehead {
	font-size: 0.625rem;
	color: var(--stm-text-subtle);
}

#stm-dashboard-root.stm-app-shell .stm-panel--chatroom .stm-msg-quote {
	margin-bottom: 0.375rem;
	padding: 0.375rem 0.5rem;
	font-size: 0.75rem;
	color: var(--stm-text-muted);
	background: var(--stm-surface);
	border-left: 2px solid var(--stm-border-strong);
	border-radius: var(--stm-radius-sm);
}

#stm-dashboard-root.stm-app-shell .stm-panel--chatroom .stm-msg-row--mine .stm-msg-quote {
	background: rgba(255, 255, 255, 0.55);
}

#stm-dashboard-root.stm-app-shell .stm-panel--chatroom .stm-msg-quote-who {
	font-size: 0.6875rem;
	color: var(--stm-text);
}

#stm-dashboard-root.stm-app-shell .stm-panel--chatroom .stm-msg-text {
	color: var(--stm-text);
}

#stm-dashboard-root.stm-app-shell .stm-panel--chatroom .stm-msg-actions {
	margin-top: 0.375rem;
	padding-top: 0.375rem;
	border-top: 1px solid var(--stm-border);
	gap: 0.375rem;
}

#stm-dashboard-root.stm-app-shell .stm-panel--chatroom .stm-msg-btn {
	padding: 0.1875rem 0.5rem;
	font-size: 0.6875rem;
	font-weight: 500;
	border-radius: var(--stm-radius-sm);
	box-shadow: none;
}

#stm-dashboard-root.stm-app-shell .stm-panel--chatroom .stm-msg-btn--reply {
	color: var(--stm-text-muted);
	background: var(--stm-surface);
	border: 1px solid var(--stm-border-strong);
}

#stm-dashboard-root.stm-app-shell .stm-panel--chatroom .stm-msg-btn--reply:hover {
	color: var(--stm-text);
	background: var(--stm-surface-muted);
	border-color: var(--stm-border-strong);
}

#stm-dashboard-root.stm-app-shell .stm-panel--chatroom .stm-msg-btn--delete {
	color: #dc2626;
	background: transparent;
	border: 1px solid rgba(220, 38, 38, 0.25);
}

#stm-dashboard-root.stm-app-shell .stm-panel--chatroom .stm-msg-btn--delete:hover {
	color: #fff;
	background: #dc2626;
	border-color: #dc2626;
}

#stm-dashboard-root.stm-app-shell .stm-panel--chatroom .stm-msg-reply-bar {
	margin: 0;
	padding: 0.5rem 0.625rem;
	background: var(--stm-surface-muted);
	border: 1px solid var(--stm-border-strong);
	border-radius: var(--stm-radius-sm);
	box-shadow: none;
}

#stm-dashboard-root.stm-app-shell .stm-panel--chatroom .stm-msg-reply-preview {
	font-size: 0.75rem;
	color: var(--stm-text-muted);
}

#stm-dashboard-root.stm-app-shell .stm-panel--chatroom #stm-chat-reply-cancel {
	padding: 0.1875rem 0.5rem;
	font-size: 0.6875rem;
}

#stm-dashboard-root.stm-app-shell .stm-chatroom-compose {
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
	min-width: 0;
}

#stm-dashboard-root.stm-app-shell .stm-chatroom-compose__row {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	align-items: stretch;
}

@media (min-width: 576px) {
	#stm-dashboard-root.stm-app-shell .stm-chatroom-compose__row {
		flex-direction: row;
		align-items: flex-end;
	}
}

#stm-dashboard-root.stm-app-shell .stm-panel--chatroom .stm-msg-compose--chat {
	flex: 1 1 auto;
	min-height: 2.5rem;
	max-height: 8rem;
	padding: 0.5rem 0.625rem;
	font-size: 0.8125rem;
	color: var(--stm-text);
	background: var(--stm-surface);
	border: 1px solid var(--stm-border-strong);
	border-radius: var(--stm-radius-sm);
	box-shadow: none;
	resize: vertical;
}

#stm-dashboard-root.stm-app-shell .stm-panel--chatroom .stm-msg-compose--chat:focus {
	border-color: #d1d5db;
	box-shadow: 0 0 0 2px var(--stm-accent-soft);
	outline: none;
}

#stm-dashboard-root.stm-app-shell .stm-chatroom-compose__send {
	flex-shrink: 0;
	align-self: stretch;
}

@media (min-width: 576px) {
	#stm-dashboard-root.stm-app-shell .stm-chatroom-compose__send {
		align-self: flex-end;
		min-width: 5.5rem;
	}
}

#stm-dashboard-root.stm-app-shell .stm-panel--chatroom #stm-chat-status {
	font-size: 0.75rem;
	color: var(--stm-text-muted);
}

#stm-dashboard-root.stm-app-shell .stm-panel--chatroom #stm-chat-status.text-danger,
#stm-dashboard-root.stm-app-shell .stm-panel--chatroom #stm-chat-status[data-state='err'] {
	color: #dc2626 !important;
}

@media (max-width: 991.98px) {
	#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar {
		flex-basis: var(--stm-sidebar-w);
		width: min(18rem, 86vw);
		max-width: min(18rem, 86vw);
	}

	#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar__brand-text {
		display: flex !important;
	}

	#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar__collapse {
		display: none !important;
	}

	#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar-nav__label {
		display: block !important;
		opacity: 1 !important;
	}

	#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar-nav__sub {
		display: flex !important;
	}

	#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar-nav__active-bar {
		display: block !important;
	}

	#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar__section-label {
		display: flex !important;
		opacity: 1;
		height: auto;
		margin: 0.625rem 0 0.25rem 0.5rem;
		pointer-events: auto;
	}

	#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar__brand {
		justify-content: flex-start;
		padding: 0.75rem 0.875rem !important;
		width: auto;
	}

	#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar__logo {
		margin: 0;
	}

	#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar-nav__link {
		display: flex !important;
		justify-content: flex-start !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		height: auto !important;
		padding: 0.4375rem 0.625rem !important;
		gap: 0.625rem !important;
		margin: 0 !important;
		text-align: left !important;
	}

	#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar__nav {
		padding: 0.625rem 0.5rem 0.875rem !important;
		align-items: stretch;
	}

	#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar-nav__link[data-stm-tooltip]::after {
		display: none !important;
	}

	#stm-dashboard-root .stm-sidebar {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		width: min(18rem, 86vw);
		max-width: min(18rem, 86vw);
		flex-basis: auto;
		transform: translateX(-100%);
		transition: transform 0.22s ease;
		box-shadow: 0 8px 32px rgba(15, 23, 42, 0.18);
	}

	body.stm-dashboard-page.admin-bar #stm-dashboard-root .stm-sidebar {
		top: var(--wp-admin--admin-bar--height, 32px);
	}

	@media screen and (max-width: 782px) {
		body.stm-dashboard-page.admin-bar #stm-dashboard-root .stm-sidebar {
			top: var(--wp-admin--admin-bar--height, 46px);
		}
	}

	#stm-dashboard-root .stm-sidebar.is-open {
		transform: translateX(0);
	}

	#stm-dashboard-root .stm-sidebar-backdrop {
		display: block;
		position: fixed;
		inset: 0;
		background: rgba(15, 23, 42, 0.45);
		z-index: 1035;
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.22s ease;
	}

	#stm-dashboard-root .stm-sidebar-backdrop.is-visible {
		opacity: 1;
		pointer-events: auto;
	}

	#stm-dashboard-root .stm-main__body {
		padding: 0.625rem 0.75rem 0.875rem;
	}

	#stm-dashboard-root .stm-app-header__inner {
		padding: 0 0.75rem;
	}

	#stm-dashboard-root .stm-app-header__quote-wrap {
		display: none !important;
	}

	#stm-dashboard-root .stm-app-header__search-btn {
		padding: 0;
		width: 2rem;
		justify-content: center;
	}
}

#stm-dashboard-root.stm-premium--fluid .stm-premium-shell {
	max-width: none;
}

#stm-dashboard-root .stm-premium-shell {
	box-shadow: none !important;
}

/* section */
#stm-dashboard-root.stm-premium--fluid .tab-content > .tab-pane > section.card > .card-body {
	padding: 0.75rem 0 !important;
}

@media (min-width: 768px) {
	#stm-dashboard-root.stm-premium--fluid .tab-content > .tab-pane > section.card > .card-body {
		padding: 1rem 0 !important;
	}
}


/* section */
#stm-dashboard-root .stm-tabs.nav-pills:not(.stm-sidebar-nav) .nav-link {
	border-radius: 2rem;
	padding: 0.3rem 0.75rem;
	font-size: 0.8125rem;
	color: var(--bs-secondary-color);
	background: transparent;
	border: 1px solid transparent;
	transition: color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

#stm-dashboard-root .stm-tabs.nav-pills:not(.stm-sidebar-nav) .nav-link:hover {
	color: var(--bs-emphasis-color);
	background: var(--bs-tertiary-bg);
	border-color: var(--bs-border-color-translucent);
}

#stm-dashboard-root .stm-tabs.nav-pills:not(.stm-sidebar-nav) .nav-link.active {
	color: #fff;
	background: linear-gradient(
		135deg,
		var(--bs-primary) 0%,
		color-mix(in srgb, var(--bs-primary) 78%, #0f172a) 100%
	);
	border-color: transparent;
	box-shadow: 0 0.2rem 0.65rem rgba(var(--bs-primary-rgb), 0.35);
}

#stm-dashboard-root .stm-tabs.nav-pills:not(.stm-sidebar-nav) .nav-link:focus-visible {
	outline: 2px solid var(--bs-primary);
	outline-offset: 2px;
}

/*
 * Sub-tab Keuangan: Pendapatan hijau, Biaya merah.
 * Pakai #id + button + !important agar menang tema / Bootstrap yang memuat setelah stylesheet plugin.
 */
#stm-dashboard-root.stm-dashboard.stm-premium .stm-panel--finance ul.stm-finance-subtabs.nav-pills > li > button.nav-link[data-stm-finance-sub='inc'] {
	color: #198754 !important;
	background: transparent !important;
	border: 1px solid transparent !important;
}

#stm-dashboard-root.stm-dashboard.stm-premium .stm-panel--finance ul.stm-finance-subtabs.nav-pills > li > button.nav-link[data-stm-finance-sub='inc']:hover {
	color: #0f5132 !important;
	background: rgba(25, 135, 84, 0.12) !important;
	border-color: rgba(25, 135, 84, 0.35) !important;
}

#stm-dashboard-root.stm-dashboard.stm-premium .stm-panel--finance ul.stm-finance-subtabs.nav-pills > li > button.nav-link[data-stm-finance-sub='inc'].active,
#stm-dashboard-root.stm-dashboard.stm-premium .stm-panel--finance ul.stm-finance-subtabs.nav-pills > li > button.nav-link[data-stm-finance-sub='inc'].active:hover {
	color: #fff !important;
	background: linear-gradient(135deg, #2dd4a0 0%, #198754 100%) !important;
	border-color: transparent !important;
	box-shadow: 0 0.2rem 0.55rem rgba(25, 135, 84, 0.38);
}

#stm-dashboard-root.stm-dashboard.stm-premium .stm-panel--finance ul.stm-finance-subtabs.nav-pills > li > button.nav-link[data-stm-finance-sub='inc']:focus-visible {
	outline: 2px solid #198754;
	outline-offset: 2px;
}

#stm-dashboard-root.stm-dashboard.stm-premium .stm-panel--finance ul.stm-finance-subtabs.nav-pills > li > button.nav-link[data-stm-finance-sub='exp'] {
	color: #dc3545 !important;
	background: transparent !important;
	border: 1px solid transparent !important;
}

#stm-dashboard-root.stm-dashboard.stm-premium .stm-panel--finance ul.stm-finance-subtabs.nav-pills > li > button.nav-link[data-stm-finance-sub='exp']:hover {
	color: #9a1c2a !important;
	background: rgba(220, 53, 69, 0.12) !important;
	border-color: rgba(220, 53, 69, 0.38) !important;
}

#stm-dashboard-root.stm-dashboard.stm-premium .stm-panel--finance ul.stm-finance-subtabs.nav-pills > li > button.nav-link[data-stm-finance-sub='exp'].active,
#stm-dashboard-root.stm-dashboard.stm-premium .stm-panel--finance ul.stm-finance-subtabs.nav-pills > li > button.nav-link[data-stm-finance-sub='exp'].active:hover {
	color: #fff !important;
	background: linear-gradient(135deg, #f07178 0%, #c82333 100%) !important;
	border-color: transparent !important;
	box-shadow: 0 0.2rem 0.55rem rgba(220, 53, 69, 0.38);
}

#stm-dashboard-root.stm-dashboard.stm-premium .stm-panel--finance ul.stm-finance-subtabs.nav-pills > li > button.nav-link[data-stm-finance-sub='exp']:focus-visible {
	outline: 2px solid #dc3545;
	outline-offset: 2px;
}

/* section */
#stm-dashboard-root .stm-panel--finance {
	--stm-fin-line: rgba(99, 102, 241, 0.12);
	--stm-fin-text: #1e293b;
	--stm-fin-muted: #64748b;
	--stm-fin-accent-cyan: #06b6d4;
	--stm-fin-accent-violet: #8b5cf6;
	--stm-fin-accent-indigo: #6366f1;
	--stm-fin-accent-mint: #10b981;
	--stm-fin-accent-coral: #f43f5e;
	--stm-fin-accent-amber: #f59e0b;
	background: transparent;
}

#stm-dashboard-root .stm-panel--finance.card {
	background: transparent;
}

#stm-dashboard-root .stm-finance-panel-body {
	padding-top: 0.375rem !important;
	padding-bottom: 0.375rem !important;
	background: transparent !important;
}

#stm-dashboard-root .stm-finance-panel-head__title {
	font-size: 0.9375rem;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: var(--stm-fin-accent-indigo);
}

#stm-dashboard-root .stm-finance-panel-head__intro {
	font-size: 0.6875rem;
	font-weight: 500;
	color: var(--stm-fin-muted);
}

#stm-dashboard-root .stm-finance-scope-hint {
	font-size: 0.6875rem;
	line-height: 1.35;
	color: #4338ca;
	padding: 0.25rem 0.4375rem;
	background: linear-gradient(90deg, rgba(99, 102, 241, 0.1), rgba(6, 182, 212, 0.08));
	border-radius: 8px;
	border-left: 3px solid var(--stm-fin-accent-violet);
}

#stm-dashboard-root .stm-finance-readonly-hint {
	font-size: 0.75rem;
	margin-bottom: 0.375rem !important;
}

#stm-dashboard-root .stm-finance-subtabs--scroll {
	scrollbar-width: thin;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 0.125rem;
}

#stm-dashboard-root .stm-finance-subtabs--scroll .nav-link {
	white-space: nowrap;
	font-size: 0.6875rem;
	border-radius: 2rem;
}

#stm-dashboard-root .stm-finance-subtabs--vibrant .nav-link[data-stm-finance-sub='cash'].active {
	color: #fff !important;
	background: linear-gradient(135deg, #06b6d4 0%, #6366f1 100%) !important;
	box-shadow: 0 0.2rem 0.55rem rgba(6, 182, 212, 0.35);
	border-color: transparent !important;
}

#stm-dashboard-root .stm-finance-subtabs--vibrant .nav-link[data-stm-finance-sub='accounts'].active,
#stm-dashboard-root .stm-finance-subtabs--vibrant .nav-link[data-stm-finance-sub='journal'].active,
#stm-dashboard-root .stm-finance-subtabs--vibrant .nav-link[data-stm-finance-sub='ledger'].active,
#stm-dashboard-root .stm-finance-subtabs--vibrant .nav-link[data-stm-finance-sub='balance'].active,
#stm-dashboard-root .stm-finance-subtabs--vibrant .nav-link[data-stm-finance-sub='pl'].active,
#stm-dashboard-root .stm-finance-subtabs--vibrant .nav-link[data-stm-finance-sub='fixed'].active {
	color: #fff !important;
	background: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%) !important;
	box-shadow: 0 0.2rem 0.55rem rgba(99, 102, 241, 0.32);
	border-color: transparent !important;
}

#stm-dashboard-root .stm-finance-input.form-control,
#stm-dashboard-root .stm-finance-input.form-select {
	border-color: rgba(99, 102, 241, 0.16);
	background: rgba(255, 255, 255, 0.92);
	font-size: 0.8125rem;
}

#stm-dashboard-root .stm-finance-input.form-control:focus,
#stm-dashboard-root .stm-finance-input.form-select:focus {
	border-color: rgba(99, 102, 241, 0.45);
	box-shadow: 0 0 0 0.15rem rgba(99, 102, 241, 0.18);
}

#stm-dashboard-root .stm-finance-compose-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0.5rem;
	margin-bottom: 0.375rem;
}

@media (min-width: 992px) {
	#stm-dashboard-root .stm-finance-compose-grid:not(.stm-finance-compose-grid--single) {
		grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
		align-items: start;
	}
}

#stm-dashboard-root .stm-finance-txn-form-card {
	background: #fff;
	border: 1px solid rgba(99, 102, 241, 0.14);
	border-radius: 12px;
	padding: 0;
	overflow: hidden;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.9) inset,
		0 4px 16px rgba(99, 102, 241, 0.08);
}

#stm-dashboard-root .stm-finance-txn-form-card--vibrant .stm-finance-txn-form-grid--vibrant {
	padding: 0.4375rem 0.5625rem 0.5rem;
}

#stm-dashboard-root .stm-finance-txn-form-card--exp {
	border-color: rgba(244, 63, 94, 0.2);
}

#stm-dashboard-root .stm-finance-txn-form-card--inc {
	border-color: rgba(16, 185, 129, 0.22);
}

#stm-dashboard-root .stm-finance-txn-form-card--ai {
	background: linear-gradient(180deg, #fafbfd 0%, #f4f6f9 100%);
	padding: 0.5625rem 0.6875rem;
}

#stm-dashboard-root .stm-finance-txn-form-card__head {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

#stm-dashboard-root .stm-finance-txn-form-card__head--inc,
#stm-dashboard-root .stm-finance-txn-form-card__head--exp {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.25rem 0.5rem;
	padding: 0.375rem 0.625rem;
	color: #fff;
}

#stm-dashboard-root .stm-finance-txn-form-card__head--inc {
	background: linear-gradient(95deg, #059669 0%, #10b981 45%, #34d399 100%);
}

#stm-dashboard-root .stm-finance-txn-form-card__head--exp {
	background: linear-gradient(95deg, #e11d48 0%, #f43f5e 45%, #fb7185 100%);
}

#stm-dashboard-root .stm-finance-txn-form-card__badge {
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

#stm-dashboard-root .stm-finance-txn-form-card__sub {
	font-size: 0.6875rem;
	font-weight: 500;
	opacity: 0.92;
}

#stm-dashboard-root .stm-finance-txn-form-card__title {
	margin: 0;
	font-size: 0.8125rem;
	font-weight: 700;
	color: var(--stm-txn-text);
	letter-spacing: 0.01em;
}

#stm-dashboard-root .stm-finance-txn-form-card__head .stm-finance-txn-intro {
	margin-top: 0.125rem;
	font-size: 0.6875rem;
	line-height: 1.35;
}

#stm-dashboard-root .stm-finance-submit-btn {
	border: none;
	color: #fff;
	transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

#stm-dashboard-root .stm-finance-submit-btn--inc {
	background: linear-gradient(135deg, #10b981, #059669);
	box-shadow: 0 4px 12px rgba(16, 185, 129, 0.35);
}

#stm-dashboard-root .stm-finance-submit-btn--exp {
	background: linear-gradient(135deg, #f43f5e, #e11d48);
	box-shadow: 0 4px 12px rgba(244, 63, 94, 0.35);
}

#stm-dashboard-root .stm-finance-submit-btn:hover {
	color: #fff;
	filter: brightness(1.05);
	transform: translateY(-1px);
}

#stm-dashboard-root .stm-finance-txn-form-grid--dense {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.3125rem 0.4375rem;
}

#stm-dashboard-root .stm-finance-txn-form-grid--dense .stm-field--wide {
	grid-column: 1 / -1;
}

#stm-dashboard-root .stm-finance-txn-form-grid--dense .stm-field--actions {
	grid-column: 1 / -1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.375rem;
	margin-top: 0.125rem;
}

#stm-dashboard-root .stm-finance-txn-form-grid--dense .form-label {
	margin-bottom: 0.0625rem;
	font-size: 0.625rem;
	font-weight: 800;
	color: var(--stm-fin-muted);
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

#stm-dashboard-root .stm-finance-txn-form-grid--vibrant .stm-field:nth-child(1) .form-label {
	color: var(--stm-fin-accent-indigo);
}

#stm-dashboard-root .stm-finance-txn-form-grid--vibrant .stm-field--amount .form-label {
	color: var(--stm-fin-accent-amber);
}

#stm-dashboard-root .stm-finance-txn-date-filter {
	gap: 0.3125rem !important;
}

#stm-dashboard-root .stm-finance-field-hint {
	font-size: 0.625rem;
	color: var(--stm-fin-muted);
}

#stm-dashboard-root .stm-field--amount .form-control {
	font-size: 0.9375rem;
	font-weight: 700;
	text-align: end;
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.02em;
}

#stm-dashboard-root .stm-field--amount-inc .form-control {
	color: #059669;
}

#stm-dashboard-root .stm-field--amount:not(.stm-field--amount-inc) .form-control {
	color: #e11d48;
}

/* Tab panes */
#stm-dashboard-root .tab-content > .tab-pane {
	display: none !important;
}

#stm-dashboard-root .tab-content > .tab-pane.active {
	display: block !important;
}

#stm-dashboard-root .stm-dashboard__panels[hidden] {
	display: none !important;
}

#stm-dashboard-root .stm-premium-hint {
	opacity: 0.95;
}

#stm-dashboard-root .stm-msg {
	min-height: 1.1em;
}

#stm-dashboard-root .stm-msg[data-state='ok'] {
	color: var(--bs-success);
}

#stm-dashboard-root .stm-msg[data-state='err'] {
	color: var(--bs-danger);
}

#stm-dashboard-root .stm-journal-search-wrap {
	max-width: 22rem;
	width: 100%;
}

#stm-dashboard-root .stm-actions {
	white-space: nowrap;
}

/* section */
#stm-dashboard-root .table {
	--bs-table-bg: transparent;
}

#stm-dashboard-root .table > :not(caption) > * > * {
	padding-top: 0.45rem;
	padding-bottom: 0.45rem;
	vertical-align: middle;
}

#stm-dashboard-root .table thead.table-light th {
	font-size: 0.6875rem;
	letter-spacing: 0.04em;
}

/* section */
#stm-dashboard-root .stm-msg-thread {
	max-height: min(58vh, 28rem);
	overflow-y: auto;
	margin: 0 0 0.5rem;
	padding: 0.35rem 0.4rem;
	background: linear-gradient(165deg, #f3f2ef 0%, #ebe9e4 55%, #e8e6e1 100%);
	border: 1px solid rgba(60, 55, 45, 0.08);
	border-radius: 14px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
	scrollbar-width: thin;
}

#stm-dashboard-root .stm-msg-thread-empty,
#stm-dashboard-root .stm-chatroom-empty {
	margin: 0;
	padding: 0.65rem;
	text-align: center;
	color: #7a756c;
	font-size: 0.78125rem;
}

#stm-dashboard-root .stm-msg-row {
	display: flex;
	width: 100%;
	margin-bottom: 0.22rem;
}

#stm-dashboard-root .stm-msg-row--other {
	justify-content: flex-start;
}

#stm-dashboard-root .stm-msg-row--mine {
	justify-content: flex-end;
}

#stm-dashboard-root .stm-msg-bubble {
	width: fit-content;
	max-width: min(100%, 22rem);
	min-width: 0;
	padding: 0.35rem 0.5rem 0.38rem;
	border-radius: 14px;
	font-size: 0.78125rem;
	line-height: 1.42;
	box-shadow: 0 1px 2px rgba(28, 25, 23, 0.05), 0 4px 14px rgba(28, 25, 23, 0.04);
}

#stm-dashboard-root .stm-msg-row--other .stm-msg-bubble {
	width: fit-content;
	max-width: min(100%, 22rem);
	background: rgba(255, 255, 255, 0.82);
	backdrop-filter: blur(6px);
	border: 1px solid rgba(60, 55, 45, 0.07);
}

#stm-dashboard-root .stm-msg-row--mine .stm-msg-bubble {
	width: fit-content;
	max-width: min(100%, 22rem);
	background: linear-gradient(155deg, #e4e9f0 0%, #dce3ec 100%);
	border: 1px solid rgba(71, 85, 105, 0.12);
}

#stm-dashboard-root .stm-msg-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.4rem;
	margin-bottom: 0.18rem;
	min-width: 0;
}

#stm-dashboard-root .stm-msg-name {
	flex: 1 1 auto;
	min-width: 0;
	font-weight: 600;
	font-size: 0.6875rem;
	color: #57534e;
	text-transform: none;
	letter-spacing: 0.01em;
}

#stm-dashboard-root .stm-msg-timehead {
	flex: 0 0 auto;
	font-size: 0.59375rem;
	color: #a8a29e;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
	text-align: right;
}

#stm-dashboard-root .stm-msg-quote {
	margin: 0 0 0.28rem;
	padding: 0.28rem 0.4rem;
	border-left: 2px solid rgba(120, 113, 108, 0.35);
	font-size: 0.71875rem;
	color: #78716c;
	background: rgba(245, 245, 244, 0.85);
	border-radius: 8px;
}

#stm-dashboard-root .stm-msg-row--mine .stm-msg-quote {
	background: rgba(255, 255, 255, 0.45);
	border-left-color: rgba(71, 85, 105, 0.28);
}

#stm-dashboard-root .stm-msg-quote-who {
	font-size: 0.65625rem;
	font-weight: 600;
	color: #57534e;
}

#stm-dashboard-root .stm-msg-quote-text {
	font-size: 0.71875rem;
}

#stm-dashboard-root .stm-msg-text {
	white-space: pre-wrap;
	overflow-wrap: anywhere;
	word-break: break-word;
	max-width: 100%;
	min-width: 0;
	color: #292524;
}

#stm-dashboard-root .stm-msg-actions {
	margin-top: 0.32rem;
	padding-top: 0.28rem;
	border-top: 1px solid rgba(60, 55, 45, 0.06);
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	align-items: center;
}

#stm-dashboard-root .stm-msg-btn {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	border-radius: 999px;
	font-size: 0.65625rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	line-height: 1.25;
	padding: 0.2rem 0.62rem;
	cursor: pointer;
	text-decoration: none;
	border: 1px solid transparent;
	transition:
		background-color 0.16s ease,
		border-color 0.16s ease,
		color 0.16s ease,
		box-shadow 0.16s ease,
		transform 0.12s ease;
}

#stm-dashboard-root .stm-msg-btn:focus-visible {
	outline: 2px solid rgba(71, 85, 105, 0.35);
	outline-offset: 2px;
}

#stm-dashboard-root .stm-msg-btn--reply {
	background: rgba(255, 255, 255, 0.75);
	color: #57534e;
	border-color: rgba(87, 83, 78, 0.14);
	box-shadow: 0 1px 1px rgba(28, 25, 23, 0.04);
}

#stm-dashboard-root .stm-msg-row--mine .stm-msg-btn--reply {
	background: rgba(255, 255, 255, 0.55);
}

#stm-dashboard-root .stm-msg-btn--reply:hover {
	background: rgba(255, 255, 255, 0.95);
	color: #44403c;
	border-color: rgba(87, 83, 78, 0.22);
	box-shadow: 0 2px 6px rgba(28, 25, 23, 0.07);
}

#stm-dashboard-root .stm-msg-btn--reply:active {
	transform: scale(0.98);
}

#stm-dashboard-root .stm-msg-btn--delete {
	background: rgba(254, 242, 242, 0.85);
	color: #b91c1c;
	border-color: rgba(220, 38, 38, 0.18);
	box-shadow: 0 1px 1px rgba(185, 28, 28, 0.04);
}

#stm-dashboard-root .stm-msg-btn--delete:hover {
	background: rgba(254, 226, 226, 0.95);
	color: #991b1b;
	border-color: rgba(220, 38, 38, 0.28);
	box-shadow: 0 2px 8px rgba(185, 28, 28, 0.1);
}

#stm-dashboard-root .stm-msg-btn--delete:active {
	transform: scale(0.98);
}

#stm-dashboard-root .stm-msg-reply-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.45rem;
	margin-bottom: 0.35rem;
	padding: 0.32rem 0.55rem;
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid rgba(60, 55, 45, 0.1);
	border-radius: 12px;
	font-size: 0.78125rem;
	box-shadow: 0 1px 2px rgba(28, 25, 23, 0.04);
}

#stm-dashboard-root .stm-msg-reply-preview {
	flex: 1 1 12rem;
	min-width: 0;
	color: #57534e;
}

#stm-dashboard-root #stm-chat-reply-cancel {
	font-family: inherit;
	font-size: 0.65625rem;
	font-weight: 600;
	color: #78716c;
	padding: 0.2rem 0.55rem;
	border-radius: 999px;
	border: 1px solid rgba(87, 83, 78, 0.12);
	background: rgba(255, 255, 255, 0.5);
	text-decoration: none;
	cursor: pointer;
	transition:
		background-color 0.15s ease,
		border-color 0.15s ease,
		color 0.15s ease;
}

#stm-dashboard-root #stm-chat-reply-cancel:hover {
	color: #44403c;
	background: rgba(255, 255, 255, 0.9);
	border-color: rgba(87, 83, 78, 0.2);
}

#stm-dashboard-root .stm-msg-compose--chat textarea {
	min-height: 2.25rem;
	resize: vertical;
}

#stm-dashboard-root .stm-select-wide {
	width: 100%;
	max-width: 24rem;
}

@supports not (color: color-mix(in srgb, red, blue)) {
	#stm-dashboard-root .stm-tabs.nav-pills:not(.stm-sidebar-nav) .nav-link.active {
		background: var(--bs-primary);
	}
	#stm-dashboard-root .stm-msg-row--mine .stm-msg-bubble {
		background: #e4e9f0;
	}
}

/* section */
#stm-dashboard-root .stm-panel--tasks {
	--stm-task-line: rgba(52, 65, 78, 0.1);
	--stm-task-text: #2a3440;
	--stm-task-muted: #6b7785;
	background: transparent;
}

#stm-dashboard-root .stm-panel--tasks.card {
	background: transparent;
}

#stm-dashboard-root .stm-task-panel-body {
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
	background: transparent !important;
}

#stm-dashboard-root .stm-task-panel-head__title {
	font-size: 0.9375rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--stm-task-text);
}

#stm-dashboard-root .stm-task-filter-user {
	width: 100%;
	min-width: 10rem;
	max-width: 14rem;
}

#stm-dashboard-root .stm-task-form-card {
	--stm-task-accent-indigo: #6366f1;
	--stm-task-accent-violet: #a855f7;
	--stm-task-accent-cyan: #06b6d4;
	--stm-task-accent-mint: #10b981;
	--stm-task-accent-coral: #f43f5e;
	background: linear-gradient(145deg, #ffffff 0%, #f5f3ff 42%, #ecfeff 100%);
	border: 1px solid rgba(99, 102, 241, 0.18);
	border-radius: 14px;
	padding: 0;
	overflow: hidden;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.95) inset,
		0 8px 24px rgba(99, 102, 241, 0.1);
}

#stm-dashboard-root .stm-task-form-card__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.25rem 0.5rem;
	padding: 0.375rem 0.625rem;
	background: linear-gradient(
		95deg,
		#6366f1 0%,
		#8b5cf6 38%,
		#06b6d4 72%,
		#10b981 100%
	);
	color: #fff;
}

#stm-dashboard-root .stm-task-form-card__badge {
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

#stm-dashboard-root .stm-task-form-card__sub {
	font-size: 0.6875rem;
	font-weight: 500;
	opacity: 0.92;
}

#stm-dashboard-root .stm-task-form-grid {
	padding: 0.4375rem 0.5625rem 0.5rem;
}

#stm-dashboard-root .stm-task-form-grid--vibrant {
	display: grid;
	grid-template-columns: minmax(0, 1.5fr) minmax(0, 0.85fr) minmax(0, 1.1fr);
	gap: 0.25rem 0.375rem;
}

#stm-dashboard-root .stm-task-field {
	position: relative;
}

#stm-dashboard-root .stm-task-field--title {
	grid-column: 1;
}

#stm-dashboard-root .stm-task-field--status {
	grid-column: 2;
}

#stm-dashboard-root .stm-task-field--started {
	grid-column: 3;
}

#stm-dashboard-root .stm-task-field--wide {
	grid-column: 1 / -1;
}

#stm-dashboard-root .stm-task-field--actions {
	grid-column: 1 / -1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.375rem;
	margin-top: 0.0625rem;
	padding-top: 0.25rem;
	border-top: 1px dashed rgba(99, 102, 241, 0.15);
}

#stm-dashboard-root .stm-task-field-label {
	margin-bottom: 0.0625rem;
	font-size: 0.625rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

#stm-dashboard-root .stm-task-field--title .stm-task-field-label {
	color: var(--stm-task-accent-indigo);
}

#stm-dashboard-root .stm-task-field--status .stm-task-field-label {
	color: var(--stm-task-accent-violet);
}

#stm-dashboard-root .stm-task-field--started .stm-task-field-label {
	color: var(--stm-task-accent-cyan);
}

#stm-dashboard-root .stm-task-field--desc .stm-task-field-label {
	color: var(--stm-task-accent-mint);
}

#stm-dashboard-root .stm-task-input.form-control,
#stm-dashboard-root .stm-task-input.form-select {
	border-color: rgba(99, 102, 241, 0.16);
	background: rgba(255, 255, 255, 0.88);
	font-size: 0.8125rem;
}

#stm-dashboard-root .stm-task-input.form-control:focus,
#stm-dashboard-root .stm-task-input.form-select:focus {
	border-color: rgba(99, 102, 241, 0.45);
	box-shadow: 0 0 0 0.15rem rgba(99, 102, 241, 0.18);
}

#stm-dashboard-root .stm-task-field--title .stm-task-input:focus {
	border-color: rgba(99, 102, 241, 0.5);
	box-shadow: 0 0 0 0.15rem rgba(99, 102, 241, 0.2);
}

#stm-dashboard-root .stm-task-field--status .stm-task-input:focus {
	border-color: rgba(168, 85, 247, 0.5);
	box-shadow: 0 0 0 0.15rem rgba(168, 85, 247, 0.2);
}

#stm-dashboard-root .stm-task-field--started .stm-input-group-datetime .input-group-text {
	background: linear-gradient(135deg, rgba(6, 182, 212, 0.18), rgba(16, 185, 129, 0.14));
	border-color: rgba(6, 182, 212, 0.35);
	color: #0e7490;
	font-weight: 700;
}

#stm-dashboard-root .stm-task-field--desc textarea.stm-task-input {
	min-height: 2rem;
	resize: vertical;
}

#stm-dashboard-root .stm-task-field-hint,
#stm-dashboard-root .stm-task-filter-hint {
	font-size: 0.6875rem;
	color: var(--stm-task-muted);
}

#stm-dashboard-root .stm-task-hint {
	font-size: 0.6875rem;
	line-height: 1.35;
	color: #4338ca;
	padding: 0.25rem 0.4375rem;
	background: linear-gradient(90deg, rgba(99, 102, 241, 0.1), rgba(6, 182, 212, 0.08));
	border-radius: 8px;
	border-left: 3px solid var(--stm-task-accent-violet);
}

#stm-dashboard-root .stm-task-correction {
	padding: 0.3125rem 0.4375rem;
	background: linear-gradient(90deg, rgba(244, 63, 94, 0.06), rgba(168, 85, 247, 0.06));
	border-radius: 8px;
	border: 1px dashed rgba(244, 63, 94, 0.35);
}

#stm-dashboard-root .stm-task-correction .stm-task-field-label {
	color: var(--stm-task-accent-coral);
}

#stm-dashboard-root .stm-task-submit-btn {
	color: #fff;
	background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #06b6d4 100%);
	border: none;
	box-shadow: 0 4px 14px rgba(99, 102, 241, 0.35);
	transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

#stm-dashboard-root .stm-task-submit-btn:hover {
	color: #fff;
	filter: brightness(1.05);
	box-shadow: 0 6px 18px rgba(99, 102, 241, 0.42);
	transform: translateY(-1px);
}

#stm-dashboard-root .stm-task-submit-btn:active {
	transform: translateY(0);
}

#stm-dashboard-root .stm-task-cancel-btn {
	border-color: rgba(168, 85, 247, 0.35);
	color: #7c3aed;
	background: rgba(255, 255, 255, 0.85);
}

#stm-dashboard-root .stm-task-date-filter {
	padding: 0.3125rem 0.4375rem 0.375rem;
	margin-top: 0.25rem;
	background: linear-gradient(90deg, rgba(99, 102, 241, 0.04), rgba(6, 182, 212, 0.04));
	border-radius: 10px;
	border: 1px solid rgba(99, 102, 241, 0.1);
}

#stm-dashboard-root .stm-task-date-preset {
	font-size: 0.6875rem;
	padding: 0.2rem 0.65rem;
	line-height: 1.35;
	border-color: rgba(99, 102, 241, 0.2);
}

#stm-dashboard-root .stm-task-date-preset.active {
	background: linear-gradient(135deg, #6366f1, #8b5cf6);
	border-color: transparent;
	color: #fff;
}

#stm-dashboard-root .stm-task-date-preset:active:not(.active) {
	opacity: 0.88;
}

#stm-dashboard-root .stm-task-date-input {
	min-width: 8.25rem;
	max-width: 9.75rem;
	font-size: 0.75rem;
}

/* section */
#stm-dashboard-root .stm-task-table-shell {
	background: linear-gradient(180deg, #fdfcfa 0%, #f6f3ec 100%);
	border: 1px solid rgba(72, 65, 58, 0.09);
	border-radius: 10px;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.85) inset,
		0 3px 12px rgba(45, 40, 34, 0.04);
	overflow: hidden;
}

#stm-dashboard-root .stm-panel--tasks #stm-task-table.stm-table--tasks-premium {
	--stm-task-surface: #faf8f4;
	--stm-task-row: #ffffff;
	--stm-task-line: rgba(72, 65, 58, 0.09);
	--stm-task-text: #3a342c;
	--stm-task-muted: #7a7268;
	--stm-task-head: #6b6358;
	margin-bottom: 0;
	color: var(--stm-task-text);
	background: transparent;
	border-collapse: separate;
	border-spacing: 0;
}

#stm-dashboard-root .stm-panel--tasks #stm-task-table.stm-table--tasks-premium > :not(caption) > * > * {
	padding-top: 0.375rem;
	padding-bottom: 0.375rem;
	padding-left: 0.625rem;
	padding-right: 0.625rem;
	border-bottom: 1px solid var(--stm-task-line);
	border-left: none;
	border-right: none;
	vertical-align: middle;
	box-shadow: none;
}

#stm-dashboard-root .stm-panel--tasks #stm-task-table.stm-table--tasks-premium thead th {
	padding-top: 0.35rem;
	padding-bottom: 0.35rem;
	border-bottom: 1px solid rgba(72, 65, 58, 0.12);
	background: rgba(255, 255, 255, 0.72);
	backdrop-filter: blur(4px);
}

#stm-dashboard-root .stm-panel--tasks .stm-task-thead__row .stm-task-th {
	font-size: 0.625rem;
	font-weight: 700;
	letter-spacing: 0.07em;
	color: var(--stm-task-head);
	text-transform: uppercase;
	white-space: nowrap;
}

#stm-dashboard-root .stm-panel--tasks #stm-task-table.stm-table--tasks-premium tbody tr {
	background: var(--stm-task-row);
	transition: background-color 0.18s ease, box-shadow 0.18s ease;
}

#stm-dashboard-root .stm-panel--tasks #stm-task-table.stm-table--tasks-premium tbody tr:nth-child(even) {
	background: #fdfcfa;
}

#stm-dashboard-root .stm-panel--tasks #stm-task-table.stm-table--tasks-premium tbody tr:hover {
	background: #f4f1ea;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

#stm-dashboard-root .stm-panel--tasks .stm-task-title-cell {
	font-weight: 600;
	font-size: 0.8125rem;
	line-height: 1.35;
	color: var(--stm-task-text);
	max-width: 28rem;
	letter-spacing: -0.01em;
}

#stm-dashboard-root .stm-panel--tasks .stm-task-owner-cell {
	color: var(--stm-task-muted);
	font-weight: 500;
	font-size: 0.75rem;
}

#stm-dashboard-root .stm-panel--tasks .stm-task-dt {
	font-size: 0.75rem;
	font-variant-numeric: tabular-nums;
	color: var(--stm-task-muted);
}

#stm-dashboard-root .stm-panel--tasks .stm-task-status-badge.stm-task-badge {
	font-size: 0.625rem;
	font-weight: 600;
	padding: 0.28em 0.65em;
	border: 1px solid transparent;
	box-shadow: 0 1px 1px rgba(45, 40, 34, 0.04);
}

#stm-dashboard-root .stm-panel--tasks .stm-task-badge--done {
	color: #2a3d32;
	background: linear-gradient(180deg, #d4e3d6 0%, #c5d6c8 100%);
	border-color: rgba(74, 98, 82, 0.18);
}

#stm-dashboard-root .stm-panel--tasks .stm-task-badge--pending {
	color: #4d4840;
	background: linear-gradient(180deg, #ebe8e2 0%, #e0dcd4 100%);
	border-color: rgba(92, 86, 78, 0.14);
}

#stm-dashboard-root .stm-panel--tasks .stm-task-badge--progress {
	color: #2f3a48;
	background: linear-gradient(180deg, #dbe4ee 0%, #cdd9e8 100%);
	border-color: rgba(84, 104, 128, 0.2);
}

#stm-dashboard-root .stm-panel--tasks .stm-task-badge--cancelled {
	color: #5c3f3a;
	background: linear-gradient(180deg, #efe0dd 0%, #e5d0cb 100%);
	border-color: rgba(140, 96, 88, 0.22);
}

#stm-dashboard-root .stm-panel--tasks .stm-task-btn {
	font-size: 0.6875rem;
	font-weight: 600;
	padding: 0.15rem 0.5rem;
	line-height: 1.35;
	min-height: 1.5rem;
	border-width: 1px;
	transition:
		background-color 0.15s ease,
		border-color 0.15s ease,
		color 0.15s ease,
		box-shadow 0.15s ease;
}

#stm-dashboard-root .stm-panel--tasks .stm-task-btn:focus-visible {
	outline: 2px solid rgba(107, 132, 118, 0.55);
	outline-offset: 2px;
}

#stm-dashboard-root .stm-panel--tasks .stm-task-btn--done {
	color: #f7f6f2;
	background: linear-gradient(155deg, #8a9f8e 0%, #758c7a 100%);
	border-color: rgba(62, 82, 68, 0.35);
	box-shadow: 0 1px 2px rgba(45, 40, 34, 0.08);
}

#stm-dashboard-root .stm-panel--tasks .stm-task-btn--done:hover {
	color: #fff;
	background: linear-gradient(155deg, #7d9181 0%, #677c6c 100%);
	border-color: rgba(62, 82, 68, 0.45);
}

#stm-dashboard-root .stm-panel--tasks .stm-task-btn--edit {
	color: #3d4f5c;
	background: rgba(255, 255, 255, 0.65);
	border-color: rgba(100, 118, 135, 0.35);
}

#stm-dashboard-root .stm-panel--tasks .stm-task-btn--edit:hover {
	color: #2a3842;
	background: #fff;
	border-color: rgba(74, 92, 108, 0.45);
}

#stm-dashboard-root .stm-panel--tasks .stm-task-btn--delete {
	color: #6b4a45;
	background: rgba(248, 232, 229, 0.85);
	border-color: rgba(180, 130, 120, 0.35);
}

#stm-dashboard-root .stm-panel--tasks .stm-task-btn--delete:hover {
	color: #5a3d38;
	background: #f5e4e0;
	border-color: rgba(160, 110, 100, 0.45);
}

#stm-dashboard-root .stm-panel--tasks #stm-task-table.stm-table--tasks-premium .stm-table__empty {
	text-align: center;
	color: var(--stm-task-muted);
	padding: 1rem 0.75rem !important;
	font-size: 0.8125rem;
	background: transparent !important;
}

@media (max-width: 900px) and (min-width: 641px) {
	#stm-dashboard-root .stm-task-form-grid--vibrant {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}

	#stm-dashboard-root .stm-task-field--title {
		grid-column: 1 / -1;
	}

	#stm-dashboard-root .stm-task-field--status {
		grid-column: 1;
	}

	#stm-dashboard-root .stm-task-field--started {
		grid-column: 2;
	}
}

@media (max-width: 640px) {
	#stm-dashboard-root .stm-task-form-grid--vibrant {
		grid-template-columns: 1fr;
	}

	#stm-dashboard-root .stm-task-field--title,
	#stm-dashboard-root .stm-task-field--status,
	#stm-dashboard-root .stm-task-field--started {
		grid-column: 1;
	}

	#stm-dashboard-root .stm-task-date-input {
		min-width: 0;
		width: 100%;
		max-width: none;
	}

	#stm-dashboard-root .stm-task-filter-user {
		max-width: none;
	}

	#stm-dashboard-root .stm-task-table-shell .stm-table--tasks-premium tbody tr {
		border: 1px solid rgba(72, 65, 58, 0.1);
		border-radius: 8px;
		background: #fffefc;
		box-shadow: 0 1px 8px rgba(45, 40, 34, 0.05);
		margin-bottom: 0.375rem;
	}

	#stm-dashboard-root .stm-task-table-shell .stm-table--tasks-premium tbody td {
		padding-top: 0.3rem;
		padding-bottom: 0.3rem;
		border-bottom-color: rgba(72, 65, 58, 0.08);
	}

	#stm-dashboard-root .stm-task-action-btns {
		gap: 0.25rem !important;
	}
}

#stm-dashboard-root .stm-input-group-datetime .input-group-text {
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	padding: 0.25rem 0.5rem;
}

#stm-dashboard-root .stm-input-group-datetime > .form-control {
	min-width: 0;
}

@media (min-width: 768px) {
	#stm-dashboard-root .stm-table--tasks thead .stm-task-col-actions,
	#stm-dashboard-root .stm-table--tasks tbody td.stm-task-actions-cell {
		text-align: end;
		vertical-align: middle;
	}

	#stm-dashboard-root .stm-task-action-btns {
		justify-content: flex-end;
	}
}

@media (max-width: 640px) {
	#stm-dashboard-root .stm-admin-filter {
		flex-direction: column;
		align-items: stretch !important;
	}

	#stm-dashboard-root .stm-table-wrap--stack .stm-table--stack thead {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		clip-path: inset(50%);
		border: 0;
		white-space: nowrap;
	}

	#stm-dashboard-root .stm-table-wrap--stack .stm-table--stack tbody tr {
		display: block;
		margin-bottom: 0.65rem;
		border: 1px solid var(--bs-border-color-translucent);
		border-radius: 0.65rem;
		overflow: hidden;
		background: var(--bs-body-bg);
		box-shadow: 0 0.15rem 0.5rem rgba(15, 23, 42, 0.05);
	}

	#stm-dashboard-root .stm-table-wrap--stack .stm-table--stack tbody td {
		display: grid;
		grid-template-columns: minmax(5.5rem, 32%) 1fr;
		gap: 0.25rem 0.55rem;
		align-items: start;
		border: none;
		border-bottom: 1px solid var(--bs-border-color-translucent);
		padding: 0.5rem 0.6rem;
		word-break: break-word;
		overflow-wrap: anywhere;
	}

	#stm-dashboard-root .stm-table-wrap--stack .stm-table--stack tbody td:last-child {
		border-bottom: none;
	}

	#stm-dashboard-root .stm-table-wrap--stack .stm-table--stack tbody td::before {
		content: attr(data-label);
		font-weight: 600;
		color: var(--bs-secondary-color);
		font-size: 0.78rem;
		line-height: 1.35;
	}

	#stm-dashboard-root .stm-table-wrap--stack .stm-table--stack tbody td.stm-table__empty {
		display: block;
		text-align: center;
		padding: 0.85rem 0.65rem;
	}

	#stm-dashboard-root .stm-table-wrap--stack .stm-table--stack tbody td.stm-table__empty::before {
		content: none;
		display: none;
	}

	#stm-dashboard-root .stm-table-wrap--stack .stm-actions {
		white-space: normal;
	}

	#stm-dashboard-root .stm-table-wrap--stack .stm-task-action-btns {
		justify-content: flex-start;
	}

	#stm-dashboard-root .stm-table-wrap--stack .stm-table--stack tbody select {
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	#stm-dashboard-root .stm-table-wrap--stack .stm-table--roles tbody td:not(:first-child):not(:last-child) {
		align-items: center;
	}
}

@media (max-width: 420px) {
	#stm-dashboard-root .stm-tabs.nav-pills:not(.stm-sidebar-nav) {
		flex-wrap: wrap;
		row-gap: 0.35rem;
	}

	#stm-dashboard-root .stm-tabs .nav-item {
		flex: 1 1 auto;
		min-width: 0;
	}

	#stm-dashboard-root .stm-tabs .nav-link {
		width: 100%;
		text-align: center;
	}
}

/* section */
#stm-dashboard-root .stm-finance-txn-scope {
	--stm-txn-surface: #faf8f4;
	--stm-txn-line: rgba(72, 65, 58, 0.1);
	--stm-txn-text: #3a342c;
	--stm-txn-muted: #7a7268;
	--stm-txn-head: #6b6358;
	color: var(--stm-txn-text);
}

#stm-dashboard-root .stm-finance-txn-scope .stm-finance-txn-intro {
	font-size: 0.75rem;
	line-height: 1.4;
	color: var(--stm-txn-muted);
	margin-bottom: 0;
}

#stm-dashboard-root .stm-finance-txn-scope .stm-finance-txn-form-card__title {
	margin: 0 0 0.5rem;
	font-size: 0.8125rem;
	font-weight: 700;
	color: var(--stm-txn-text);
	letter-spacing: 0.01em;
}

/* section */
#stm-dashboard-root .stm-finance-txn-scope .stm-finance-txn-form-grid:not(.stm-finance-txn-form-grid--dense) {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.375rem 0.5rem;
}

#stm-dashboard-root .stm-finance-txn-scope .stm-finance-txn-form-grid:not(.stm-finance-txn-form-grid--dense) > div:nth-child(n + 3) {
	grid-column: 1 / -1;
}

#stm-dashboard-root .stm-finance-txn-scope .stm-finance-txn-form-grid .form-label {
	margin-bottom: 0.125rem;
	font-size: 0.6875rem;
	font-weight: 600;
	color: var(--stm-txn-muted);
}

#stm-dashboard-root .stm-finance-txn-scope .stm-finance-txn-form-grid .form-text {
	font-size: 0.6875rem;
	margin-top: 0.125rem;
}

#stm-dashboard-root .stm-finance-txn-scope .stm-finance-txn-form-grid:not(.stm-finance-txn-form-grid--dense) button[type='submit'] {
	grid-column: 1 / -1;
	justify-self: start;
	margin-top: 0.125rem;
}

#stm-dashboard-root .stm-finance-txn-scope .stm-finance-txn-form-grid .stm-msg,
#stm-dashboard-root .stm-finance-txn-form-grid--dense .stm-msg {
	font-size: 0.75rem;
}

#stm-dashboard-root .stm-finance-txn-form-grid--dense .stm-msg {
	margin: 0;
}

#stm-dashboard-root .stm-finance-txn-history {
	margin-top: 0.125rem;
}

#stm-dashboard-root .stm-finance-txn-history .stm-finance-txn-table-shell {
	margin-top: 0.5rem;
}

#stm-dashboard-root .stm-finance-txn-history__title {
	margin: 0 0 0.375rem;
	font-size: 0.8125rem;
	font-weight: 700;
	color: var(--stm-fin-accent-indigo, #6366f1);
	letter-spacing: -0.01em;
	text-transform: none;
}

#stm-dashboard-root .stm-finance-txn-history__filters {
	margin-bottom: 0.375rem;
	padding: 0;
	overflow: hidden;
	border-radius: 10px;
}

#stm-dashboard-root .stm-finance-filter-grid {
	display: flex;
	flex-direction: column;
	gap: 0;
}

#stm-dashboard-root .stm-finance-filter-row {
	display: grid;
	grid-template-columns: 5.5rem minmax(0, 1fr);
	align-items: center;
	gap: 0.375rem 0.5rem;
	padding: 0.3125rem 0.5rem;
	border-bottom: 1px solid rgba(99, 102, 241, 0.08);
}

#stm-dashboard-root .stm-finance-filter-row--actions {
	grid-template-columns: 1fr;
	justify-items: end;
	padding-top: 0.375rem;
	padding-bottom: 0.375rem;
	border-bottom: none;
}

#stm-dashboard-root .stm-finance-filter-controls {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.3125rem;
	min-width: 0;
}

#stm-dashboard-root .stm-finance-filter-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.3125rem;
}

#stm-dashboard-root .stm-finance-filter-label {
	font-size: 0.6875rem;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	color: var(--stm-fin-muted, #64748b);
	white-space: nowrap;
}

#stm-dashboard-root .stm-finance-filter-sep {
	font-size: 0.6875rem;
	font-weight: 500;
	color: var(--stm-fin-muted, #94a3b8);
	opacity: 1;
	padding: 0 0.0625rem;
}

#stm-dashboard-root .stm-finance-txn-filter-hint {
	padding: 0.3125rem 0.5rem;
	font-size: 0.625rem;
	line-height: 1.35;
	margin: 0;
	color: var(--stm-fin-muted, #94a3b8);
	border-top: 1px solid rgba(99, 102, 241, 0.08);
	background: rgba(255, 255, 255, 0.45);
}

#stm-dashboard-root .stm-finance-date-preset {
	font-size: 0.6875rem;
	padding: 0.18rem 0.55rem;
	line-height: 1.3;
	white-space: nowrap;
	background: #fff;
	border-radius: 2rem;
}

#stm-dashboard-root .stm-finance-filter-btn--apply {
	font-weight: 600;
}

#stm-dashboard-root .stm-finance-filter-btn:hover {
	filter: brightness(1.03);
	transform: none;
}

#stm-dashboard-root .stm-finance-filter-btn--reset {
	background: #fff;
	border: 1px solid rgba(99, 102, 241, 0.18) !important;
	color: #64748b;
	font-weight: 600;
}

/* section */
#stm-dashboard-root .stm-finance-exp-scope .stm-finance-txn-history__title--exp {
	color: #9f1239;
}

#stm-dashboard-root .stm-finance-exp-scope .stm-finance-txn-history__filters {
	background: #fff;
	border: 1px solid rgba(190, 18, 60, 0.12);
	box-shadow: 0 1px 8px rgba(15, 23, 42, 0.04);
}

#stm-dashboard-root .stm-finance-exp-scope .stm-finance-filter-row {
	border-bottom-color: rgba(190, 18, 60, 0.08);
}

#stm-dashboard-root .stm-finance-exp-scope .stm-finance-filter-label {
	color: #9f1239;
}

#stm-dashboard-root .stm-finance-exp-scope .stm-finance-date-preset {
	border-color: rgba(190, 18, 60, 0.2);
	color: #881337;
}

#stm-dashboard-root .stm-finance-exp-scope .stm-finance-date-preset:hover {
	background: #fff5f5;
	border-color: rgba(190, 18, 60, 0.32);
}

#stm-dashboard-root .stm-finance-exp-scope .stm-finance-date-preset.active,
#stm-dashboard-root .stm-finance-exp-scope .stm-finance-date-preset:active {
	background: #9f1239 !important;
	border-color: #9f1239 !important;
	color: #fff !important;
	box-shadow: none;
}

#stm-dashboard-root .stm-finance-exp-scope .stm-finance-txn-date-input {
	border-color: rgba(190, 18, 60, 0.16);
	background: #fff;
	font-size: 0.75rem;
}

#stm-dashboard-root .stm-finance-exp-scope .stm-finance-txn-date-input:focus {
	border-color: rgba(190, 18, 60, 0.4);
	box-shadow: 0 0 0 0.12rem rgba(190, 18, 60, 0.12);
}

#stm-dashboard-root .stm-finance-exp-scope .stm-finance-filter-btn--apply {
	color: #fff;
	background: #9f1239;
	box-shadow: 0 1px 4px rgba(159, 18, 57, 0.22);
}

#stm-dashboard-root .stm-finance-exp-scope .stm-finance-filter-btn--apply:hover {
	background: #881337;
}

#stm-dashboard-root .stm-finance-exp-scope .stm-finance-filter-btn--reset {
	border-color: rgba(190, 18, 60, 0.2) !important;
	color: #9f1239;
}

#stm-dashboard-root .stm-finance-exp-scope .stm-finance-txn-filter-hint {
	color: #a8a29e;
	border-top-color: rgba(190, 18, 60, 0.08);
}

#stm-dashboard-root .stm-finance-filter-controls .stm-finance-txn-date-input {
	min-width: 7.75rem;
	max-width: 9rem;
	font-size: 0.75rem;
}

@media (max-width: 640px) {
	#stm-dashboard-root .stm-finance-filter-row {
		grid-template-columns: 1fr;
		gap: 0.25rem;
	}

	#stm-dashboard-root .stm-finance-filter-row--actions {
		justify-items: stretch;
	}

	#stm-dashboard-root .stm-finance-filter-actions {
		width: 100%;
		justify-content: flex-end;
	}

	#stm-dashboard-root .stm-finance-filter-controls .stm-finance-txn-date-input {
		min-width: 0;
		flex: 1 1 7rem;
		max-width: none;
	}
}

/* section */
#stm-dashboard-root .stm-finance-inc-scope .stm-finance-txn-history__title--inc {
	color: #047857;
}

#stm-dashboard-root .stm-finance-inc-scope .stm-finance-txn-history__filters {
	background: #fff;
	border: 1px solid rgba(5, 150, 105, 0.12);
	box-shadow: 0 1px 8px rgba(15, 23, 42, 0.04);
}

#stm-dashboard-root .stm-finance-inc-scope .stm-finance-filter-row {
	border-bottom-color: rgba(5, 150, 105, 0.08);
}

#stm-dashboard-root .stm-finance-inc-scope .stm-finance-filter-label {
	color: #047857;
}

#stm-dashboard-root .stm-finance-inc-scope .stm-finance-date-preset {
	border-color: rgba(5, 150, 105, 0.2);
	color: #065f46;
}

#stm-dashboard-root .stm-finance-inc-scope .stm-finance-date-preset:hover {
	background: #ecfdf5;
	border-color: rgba(5, 150, 105, 0.32);
}

#stm-dashboard-root .stm-finance-inc-scope .stm-finance-date-preset.active,
#stm-dashboard-root .stm-finance-inc-scope .stm-finance-date-preset:active {
	background: #059669 !important;
	border-color: #059669 !important;
	color: #fff !important;
	box-shadow: none;
}

#stm-dashboard-root .stm-finance-inc-scope .stm-finance-txn-date-input {
	border-color: rgba(5, 150, 105, 0.16);
	background: #fff;
	font-size: 0.75rem;
}

#stm-dashboard-root .stm-finance-inc-scope .stm-finance-txn-date-input:focus {
	border-color: rgba(5, 150, 105, 0.4);
	box-shadow: 0 0 0 0.12rem rgba(5, 150, 105, 0.12);
}

#stm-dashboard-root .stm-finance-inc-scope .stm-finance-filter-btn--apply {
	color: #fff;
	background: #059669;
	box-shadow: 0 1px 4px rgba(5, 150, 105, 0.22);
}

#stm-dashboard-root .stm-finance-inc-scope .stm-finance-filter-btn--apply:hover {
	background: #047857;
}

#stm-dashboard-root .stm-finance-inc-scope .stm-finance-filter-btn--reset {
	border-color: rgba(5, 150, 105, 0.2) !important;
	color: #047857;
}

#stm-dashboard-root .stm-finance-inc-scope .stm-finance-txn-filter-hint {
	color: #a8a29e;
	border-top-color: rgba(5, 150, 105, 0.08);
}

/* section */
#stm-dashboard-root .stm-finance-cash-scope .stm-cash-history__filters {
	background: linear-gradient(135deg, rgba(6, 182, 212, 0.09) 0%, rgba(99, 102, 241, 0.07) 52%, rgba(139, 92, 246, 0.08) 100%);
	border: 1px solid rgba(99, 102, 241, 0.2);
	border-left: 3px solid #6366f1;
	box-shadow: 0 4px 14px rgba(99, 102, 241, 0.08);
	padding: 0;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-finance-filter-label {
	color: #4338ca;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-finance-filter-sep {
	color: #818cf8;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-finance-txn-date-filter {
	border-bottom-color: rgba(99, 102, 241, 0.14);
}

#stm-dashboard-root .stm-finance-cash-scope .stm-finance-txn-date-filter--txn {
	background: rgba(255, 255, 255, 0.42);
}

#stm-dashboard-root .stm-finance-cash-scope .stm-finance-txn-date-filter--input {
	background: rgba(255, 255, 255, 0.28);
}

#stm-dashboard-root .stm-finance-cash-scope .stm-finance-date-preset {
	border-color: rgba(99, 102, 241, 0.28);
	color: #4338ca;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-finance-date-preset:hover {
	background: rgba(245, 243, 255, 0.95);
	border-color: rgba(99, 102, 241, 0.4);
	color: #3730a3;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-finance-date-preset.active,
#stm-dashboard-root .stm-finance-cash-scope .stm-finance-date-preset:active {
	background: linear-gradient(135deg, #06b6d4 0%, #6366f1 100%) !important;
	border-color: transparent !important;
	color: #fff !important;
	box-shadow: 0 2px 8px rgba(99, 102, 241, 0.32);
}

#stm-dashboard-root .stm-finance-cash-scope .stm-finance-txn-date-input {
	border-color: rgba(99, 102, 241, 0.2);
	background: rgba(255, 255, 255, 0.92);
}

#stm-dashboard-root .stm-finance-cash-scope .stm-finance-txn-date-input:focus {
	border-color: rgba(99, 102, 241, 0.48);
	box-shadow: 0 0 0 0.15rem rgba(99, 102, 241, 0.18);
}

#stm-dashboard-root .stm-finance-cash-scope .stm-finance-filter-btn--apply {
	color: #fff;
	background: linear-gradient(135deg, #06b6d4 0%, #6366f1 100%);
	box-shadow: 0 3px 10px rgba(99, 102, 241, 0.32);
}

#stm-dashboard-root .stm-finance-cash-scope .stm-finance-filter-btn--reset {
	border-color: rgba(99, 102, 241, 0.28) !important;
	color: #4338ca;
	background: rgba(255, 255, 255, 0.88);
}

#stm-dashboard-root .stm-finance-cash-scope .stm-finance-txn-filter-hint,
#stm-dashboard-root .stm-finance-cash-scope .stm-cash-history__filters .stm-cash-hint {
	color: #4338ca;
	border-top-color: rgba(99, 102, 241, 0.14);
	background: rgba(255, 255, 255, 0.35);
}

#stm-dashboard-root .stm-finance-txn-table-shell.stm-finance-txn-shell {
	background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
	border: 1px solid rgba(99, 102, 241, 0.14);
	border-radius: 12px;
	box-shadow: 0 2px 12px rgba(99, 102, 241, 0.06);
	overflow: hidden;
	margin-bottom: 0;
}

#stm-dashboard-root .stm-finance-txn-table-shell .table.stm-table--txn-premium {
	--bs-table-bg: transparent;
	--bs-table-striped-bg: transparent;
	--bs-table-hover-bg: transparent;
	--stm-txn-line: rgba(99, 102, 241, 0.1);
	--stm-txn-text: #1e293b;
	--stm-txn-muted: #64748b;
	--stm-txn-head: #4338ca;
	--stm-txn-row: #ffffff;
	width: 100%;
	margin-bottom: 0;
	color: var(--stm-txn-text);
	background: transparent;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: auto;
	font-size: 0.75rem;
	line-height: 1.3;
}

#stm-dashboard-root .stm-finance-txn-table-shell .table.stm-table--txn-premium > :not(caption) > * > * {
	padding: 0.28rem 0.375rem;
	border-bottom: 1px solid var(--stm-txn-line);
	border-left: none;
	border-right: none;
	vertical-align: middle;
	box-shadow: none;
}

#stm-dashboard-root .stm-finance-txn-table-shell .table.stm-table--txn-premium thead th {
	padding: 0.26rem 0.375rem;
	border-bottom: 1px solid rgba(99, 102, 241, 0.14);
	background: linear-gradient(90deg, rgba(99, 102, 241, 0.1) 0%, rgba(139, 92, 246, 0.06) 55%, rgba(6, 182, 212, 0.06) 100%) !important;
	backdrop-filter: blur(4px);
}

#stm-dashboard-root .stm-finance-txn-table-shell .stm-finance-txn-thead__row .stm-finance-txn-th {
	font-size: 0.625rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: var(--stm-txn-head);
	text-transform: uppercase;
	white-space: nowrap;
	overflow: visible;
	text-overflow: clip;
}

#stm-dashboard-root .stm-finance-txn-table-shell .table.stm-table--txn-premium tbody tr {
	background: var(--stm-txn-row);
	transition: background-color 0.12s ease;
}

#stm-dashboard-root .stm-finance-txn-table-shell .table.stm-table--txn-premium tbody tr:nth-child(even) {
	background: #fafbff;
}

#stm-dashboard-root .stm-finance-txn-table-shell .table.stm-table--txn-premium tbody tr:hover {
	background: #f5f3ff;
}

#stm-dashboard-root .stm-finance-txn-table-shell .stm-finance-txn-memo {
	font-weight: 600;
	font-size: 0.75rem;
	line-height: 1.25;
	color: var(--stm-txn-text);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#stm-dashboard-root .stm-finance-txn-table-shell .stm-finance-txn-account {
	color: var(--stm-txn-muted);
	font-weight: 500;
	font-size: 0.6875rem;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#stm-dashboard-root .stm-finance-txn-table-shell .stm-table--txn-premium .stm-task-dt {
	font-size: 0.6875rem;
	font-variant-numeric: tabular-nums;
	color: var(--stm-txn-muted);
	white-space: nowrap;
}

#stm-dashboard-root .stm-finance-txn-table-shell .table.stm-table--txn-premium .font-monospace {
	font-size: 0.625rem;
	color: var(--stm-txn-muted);
	opacity: 0.88;
}

#stm-dashboard-root .stm-finance-txn-table-shell .table.stm-table--txn-premium .text-end.fw-semibold {
	font-size: 0.75rem;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	color: var(--stm-fin-accent-indigo, #6366f1);
	white-space: nowrap;
}

#stm-dashboard-root .stm-finance-txn-table-shell .stm-finance-attachment-thumb {
	display: block;
	width: 32px;
	height: 32px;
	max-width: 32px;
	max-height: 32px;
	border-radius: 6px;
	border: 1px solid rgba(99, 102, 241, 0.18);
	object-fit: cover;
	margin: 0 auto;
}

#stm-dashboard-root .stm-finance-txn-table-shell .table.stm-table--txn-premium .stm-table__empty {
	text-align: center;
	color: var(--stm-txn-muted);
	padding: 0.625rem 0.5rem !important;
	font-size: 0.75rem;
	background: transparent !important;
}

#stm-dashboard-root .stm-finance-txn-table-shell .stm-task-status-badge.stm-task-badge {
	font-size: 0.5625rem;
	font-weight: 700;
	padding: 0.2em 0.5em;
}

#stm-dashboard-root .stm-finance-txn-table-shell .stm-task-badge--done {
	color: #fff;
	background: linear-gradient(135deg, #10b981, #059669);
}

#stm-dashboard-root .stm-finance-txn-table-shell .stm-task-badge--cancelled {
	color: #fff;
	background: linear-gradient(135deg, #f43f5e, #e11d48);
}

#stm-dashboard-root .stm-finance-txn-table-shell .stm-task-btn {
	font-size: 0.5625rem;
	font-weight: 700;
	padding: 0.1rem 0.4rem;
	line-height: 1.25;
	min-height: 1.3rem;
	border-radius: 2rem;
	border-width: 1px;
	transition: transform 0.12s ease, box-shadow 0.12s ease, filter 0.12s ease;
}

#stm-dashboard-root .stm-finance-txn-table-shell .stm-task-btn:hover {
	transform: none;
}

#stm-dashboard-root .stm-finance-txn-table-shell .stm-task-btn--edit {
	color: #4338ca;
	background: rgba(245, 243, 255, 0.95);
	border-color: rgba(99, 102, 241, 0.28);
}

#stm-dashboard-root .stm-finance-txn-table-shell .stm-task-btn--edit:hover {
	background: #ede9fe;
	box-shadow: 0 2px 6px rgba(99, 102, 241, 0.15);
}

#stm-dashboard-root .stm-finance-txn-table-shell .stm-task-btn--delete {
	color: #fff;
	background: linear-gradient(135deg, #fb7185, #f43f5e);
	border-color: transparent;
	box-shadow: 0 2px 5px rgba(244, 63, 94, 0.22);
}

#stm-dashboard-root .stm-finance-txn-table-shell .stm-task-btn--void {
	color: #92400e;
	background: linear-gradient(135deg, #fde68a, #fcd34d);
	border-color: rgba(202, 138, 4, 0.35);
}

#stm-dashboard-root .stm-finance-txn-table-shell .stm-finance-txn-actions-cell .stm-task-action-btns {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 0.2rem;
	justify-content: flex-end;
}

/* section */
#stm-dashboard-root #stm-exp-recent-table.stm-table--txn-premium,
#stm-dashboard-root #stm-inc-recent-table.stm-table--txn-premium {
	table-layout: auto;
}

#stm-dashboard-root #stm-exp-recent-table.stm-table--txn-premium th:nth-child(1),
#stm-dashboard-root #stm-exp-recent-table.stm-table--txn-premium td:nth-child(1),
#stm-dashboard-root #stm-inc-recent-table.stm-table--txn-premium th:nth-child(1),
#stm-dashboard-root #stm-inc-recent-table.stm-table--txn-premium td:nth-child(1) {
	width: 2.75rem;
}

#stm-dashboard-root #stm-exp-recent-table.stm-table--txn-premium th:nth-child(2),
#stm-dashboard-root #stm-exp-recent-table.stm-table--txn-premium td:nth-child(2),
#stm-dashboard-root #stm-inc-recent-table.stm-table--txn-premium th:nth-child(2),
#stm-dashboard-root #stm-inc-recent-table.stm-table--txn-premium td:nth-child(2) {
	width: 6.5rem;
}

#stm-dashboard-root #stm-exp-recent-table.stm-table--txn-premium th:nth-child(4),
#stm-dashboard-root #stm-exp-recent-table.stm-table--txn-premium td:nth-child(4),
#stm-dashboard-root #stm-inc-recent-table.stm-table--txn-premium th:nth-child(4),
#stm-dashboard-root #stm-inc-recent-table.stm-table--txn-premium td:nth-child(4) {
	width: 5rem;
}

#stm-dashboard-root #stm-exp-recent-table.stm-table--txn-premium th.stm-finance-txn-th--attach,
#stm-dashboard-root #stm-exp-recent-table.stm-table--txn-premium td:nth-child(7),
#stm-dashboard-root #stm-inc-recent-table.stm-table--txn-premium th.stm-finance-txn-th--attach,
#stm-dashboard-root #stm-inc-recent-table.stm-table--txn-premium td:nth-child(7) {
	width: 3.5rem;
	text-align: center;
}

#stm-dashboard-root #stm-exp-recent-table.stm-table--txn-premium th:nth-child(8),
#stm-dashboard-root #stm-exp-recent-table.stm-table--txn-premium td:nth-child(8),
#stm-dashboard-root #stm-inc-recent-table.stm-table--txn-premium th:nth-child(8),
#stm-dashboard-root #stm-inc-recent-table.stm-table--txn-premium td:nth-child(8) {
	width: 7rem;
}

#stm-dashboard-root .stm-finance-txn-table-shell .stm-finance-txn-th--attach {
	min-width: 4rem;
	text-align: center;
}

/* section */
#stm-dashboard-root .stm-finance-exp-scope .stm-finance-txn-table-shell,
#stm-dashboard-root .stm-finance-exp-scope .stm-finance-txn-table-shell.stm-finance-txn-shell {
	background: #fff;
	border: 1px solid rgba(190, 18, 60, 0.1);
	border-radius: 10px;
	box-shadow: 0 1px 8px rgba(15, 23, 42, 0.04);
}

#stm-dashboard-root .stm-finance-exp-scope .stm-finance-txn-table-shell .table.stm-table--txn-premium {
	--stm-txn-line: rgba(190, 18, 60, 0.08);
	--stm-txn-muted: #78716c;
	--stm-txn-head: #881337;
}

#stm-dashboard-root .stm-finance-exp-scope .stm-finance-txn-table-shell .table.stm-table--txn-premium thead th {
	background: #fdf2f4 !important;
	border-bottom: 1px solid rgba(190, 18, 60, 0.1);
	backdrop-filter: none;
}

#stm-dashboard-root .stm-finance-exp-scope .stm-finance-txn-table-shell .table.stm-table--txn-premium tbody tr:nth-child(even) {
	background: #fffbfc;
}

#stm-dashboard-root .stm-finance-exp-scope .stm-finance-txn-table-shell .table.stm-table--txn-premium tbody tr:hover {
	background: #fff1f2;
}

#stm-dashboard-root .stm-finance-exp-scope .stm-finance-txn-table-shell .text-end.fw-semibold {
	color: #9f1239;
	font-weight: 700;
}

#stm-dashboard-root .stm-finance-exp-scope .stm-finance-txn-table-shell .stm-finance-attachment-thumb {
	border-color: rgba(190, 18, 60, 0.15);
}

#stm-dashboard-root .stm-finance-exp-scope .stm-finance-txn-table-shell .stm-task-btn--edit {
	color: #57534e;
	background: #fff;
	border-color: rgba(120, 113, 108, 0.25);
}

#stm-dashboard-root .stm-finance-exp-scope .stm-finance-txn-table-shell .stm-task-btn--edit:hover {
	background: #fafaf9;
	border-color: rgba(120, 113, 108, 0.4);
	box-shadow: none;
}

#stm-dashboard-root .stm-finance-exp-scope .stm-finance-txn-table-shell .stm-task-btn--delete {
	color: #9f1239;
	background: #fff;
	border: 1px solid rgba(190, 18, 60, 0.25);
	box-shadow: none;
}

#stm-dashboard-root .stm-finance-exp-scope .stm-finance-txn-table-shell .stm-task-btn--delete:hover {
	background: #fff1f2;
	border-color: rgba(190, 18, 60, 0.4);
	color: #881337;
}

#stm-dashboard-root .stm-finance-exp-scope .stm-finance-txn-table-shell .stm-task-btn--void {
	color: #78716c;
	background: #fafaf9;
	border: 1px solid rgba(120, 113, 108, 0.22);
	box-shadow: none;
}

#stm-dashboard-root .stm-finance-exp-scope .stm-finance-txn-table-shell .stm-task-btn--void:hover {
	background: #f5f5f4;
	border-color: rgba(120, 113, 108, 0.35);
	color: #57534e;
}

/* section */
#stm-dashboard-root .stm-finance-inc-scope .stm-finance-txn-table-shell,
#stm-dashboard-root .stm-finance-inc-scope .stm-finance-txn-table-shell.stm-finance-txn-shell {
	background: #fff;
	border: 1px solid rgba(5, 150, 105, 0.1);
	border-radius: 10px;
	box-shadow: 0 1px 8px rgba(15, 23, 42, 0.04);
}

#stm-dashboard-root .stm-finance-inc-scope .stm-finance-txn-table-shell .table.stm-table--txn-premium {
	--stm-txn-line: rgba(5, 150, 105, 0.08);
	--stm-txn-muted: #78716c;
	--stm-txn-head: #065f46;
}

#stm-dashboard-root .stm-finance-inc-scope .stm-finance-txn-table-shell .table.stm-table--txn-premium thead th {
	background: #ecfdf5 !important;
	border-bottom: 1px solid rgba(5, 150, 105, 0.1);
	backdrop-filter: none;
}

#stm-dashboard-root .stm-finance-inc-scope .stm-finance-txn-table-shell .table.stm-table--txn-premium tbody tr:nth-child(even) {
	background: #f7fef9;
}

#stm-dashboard-root .stm-finance-inc-scope .stm-finance-txn-table-shell .table.stm-table--txn-premium tbody tr:hover {
	background: #ecfdf5;
}

#stm-dashboard-root .stm-finance-inc-scope .stm-finance-txn-table-shell .text-end.fw-semibold {
	color: #047857;
	font-weight: 700;
}

#stm-dashboard-root .stm-finance-inc-scope .stm-finance-txn-table-shell .stm-finance-attachment-thumb {
	border-color: rgba(5, 150, 105, 0.15);
}

#stm-dashboard-root .stm-finance-inc-scope .stm-finance-txn-table-shell .stm-task-btn--edit {
	color: #57534e;
	background: #fff;
	border-color: rgba(120, 113, 108, 0.25);
}

#stm-dashboard-root .stm-finance-inc-scope .stm-finance-txn-table-shell .stm-task-btn--edit:hover {
	background: #fafaf9;
	border-color: rgba(120, 113, 108, 0.4);
	box-shadow: none;
}

#stm-dashboard-root .stm-finance-inc-scope .stm-finance-txn-table-shell .stm-task-btn--delete {
	color: #047857;
	background: #fff;
	border: 1px solid rgba(5, 150, 105, 0.25);
	box-shadow: none;
}

#stm-dashboard-root .stm-finance-inc-scope .stm-finance-txn-table-shell .stm-task-btn--delete:hover {
	background: #ecfdf5;
	border-color: rgba(5, 150, 105, 0.4);
	color: #065f46;
}

#stm-dashboard-root .stm-finance-inc-scope .stm-finance-txn-table-shell .stm-task-btn--void {
	color: #78716c;
	background: #fafaf9;
	border: 1px solid rgba(120, 113, 108, 0.22);
	box-shadow: none;
}

#stm-dashboard-root .stm-finance-inc-scope .stm-finance-txn-table-shell .stm-task-btn--void:hover {
	background: #f5f5f4;
	border-color: rgba(120, 113, 108, 0.35);
	color: #57534e;
}

/* Legacy alias */
#stm-dashboard-root .stm-finance-txn-shell {
	background: transparent;
	border: none;
	box-shadow: none;
	overflow: visible;
}

@media (max-width: 640px) {
	#stm-dashboard-root .stm-finance-txn-form-grid--dense {
		grid-template-columns: 1fr;
	}

	#stm-dashboard-root .stm-finance-txn-scope .stm-finance-txn-form-grid:not(.stm-finance-txn-form-grid--dense) {
		grid-template-columns: 1fr;
	}

	#stm-dashboard-root .stm-finance-txn-scope .stm-finance-txn-form-grid:not(.stm-finance-txn-form-grid--dense) > div:nth-child(n + 3) {
		grid-column: auto;
	}

	#stm-dashboard-root .stm-finance-txn-date-filter .stm-finance-txn-date-input {
		min-width: 0;
		width: 100%;
		max-width: none;
	}

	#stm-dashboard-root .stm-finance-txn-table-shell .table.stm-table--txn-premium {
		table-layout: auto;
	}

	#stm-dashboard-root .stm-finance-txn-table-shell .table.stm-table--txn-premium tbody tr {
		border: 1px solid rgba(99, 102, 241, 0.14);
		border-radius: 10px;
		background: #fff;
		box-shadow: 0 2px 8px rgba(99, 102, 241, 0.05);
		margin-bottom: 0.28rem;
	}

	#stm-dashboard-root .stm-finance-exp-scope .stm-finance-txn-table-shell .table.stm-table--txn-premium tbody tr {
		border-color: rgba(244, 63, 94, 0.16);
		box-shadow: 0 2px 8px rgba(244, 63, 94, 0.05);
	}

	#stm-dashboard-root .stm-finance-inc-scope .stm-finance-txn-table-shell .table.stm-table--txn-premium tbody tr {
		border-color: rgba(16, 185, 129, 0.16);
		box-shadow: 0 2px 8px rgba(16, 185, 129, 0.05);
	}

	#stm-dashboard-root .stm-finance-txn-table-shell .table.stm-table--txn-premium tbody td {
		padding: 0.22rem 0.35rem;
		border-bottom-color: rgba(99, 102, 241, 0.08);
	}

	#stm-dashboard-root .stm-finance-txn-table-shell .stm-finance-txn-memo,
	#stm-dashboard-root .stm-finance-txn-table-shell .stm-finance-txn-account {
		white-space: normal;
		overflow: visible;
		text-overflow: clip;
	}

	#stm-dashboard-root .stm-finance-txn-table-shell .stm-finance-txn-actions-cell .stm-task-action-btns {
		gap: 0.2rem !important;
	}
}

@media (min-width: 768px) {
	#stm-dashboard-root .stm-finance-txn-table-shell thead .stm-finance-col-actions,
	#stm-dashboard-root .stm-finance-txn-table-shell tbody td.stm-finance-txn-actions-cell {
		text-align: end;
		vertical-align: middle;
	}
}

/* section */
#stm-dashboard-root .stm-finance-cash-scope {
	--stm-cash-surface: #f5f3ff;
	--stm-cash-panel: #ffffff;
	--stm-cash-line: rgba(99, 102, 241, 0.14);
	--stm-cash-text: #1e293b;
	--stm-cash-muted: #64748b;
	--stm-cash-head: #4338ca;
	--stm-cash-in: #10b981;
	--stm-cash-in-soft: rgba(16, 185, 129, 0.12);
	--stm-cash-out: #f43f5e;
	--stm-cash-out-soft: rgba(244, 63, 94, 0.1);
	--stm-cash-ring: rgba(99, 102, 241, 0.22);
	color: var(--stm-cash-text);
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-label {
	margin-bottom: 0.0625rem;
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--stm-cash-head);
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-hint {
	font-size: 0.625rem;
	line-height: 1.3;
	color: var(--stm-cash-muted);
	margin-top: 0.1rem;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-settings-card {
	border-radius: 12px;
	border: 1px solid rgba(99, 102, 241, 0.18);
	overflow: hidden;
	background: linear-gradient(145deg, #ffffff 0%, #f5f3ff 55%, #ecfeff 100%);
	box-shadow: 0 4px 16px rgba(99, 102, 241, 0.08);
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-settings-card__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.25rem 0.5rem;
	padding: 0.3125rem 0.5625rem;
	background: linear-gradient(95deg, #6366f1 0%, #8b5cf6 50%, #06b6d4 100%);
	color: #fff;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-settings-card__badge {
	font-size: 0.6875rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-settings-card__sub {
	font-size: 0.625rem;
	opacity: 0.92;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-settings-bar {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 0.375rem 0.5rem;
	align-items: start;
	padding: 0.375rem 0.5rem;
	margin-bottom: 0;
	background: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-settings-bar__controls {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.3125rem;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-settings-bar__controls .form-select {
	flex: 1 1 10rem;
	min-width: 0;
	max-width: 18rem;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-save-btn {
	color: #fff;
	background: linear-gradient(135deg, #6366f1, #8b5cf6);
	border: none;
	box-shadow: 0 3px 10px rgba(99, 102, 241, 0.3);
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-save-btn:hover {
	color: #fff;
	filter: brightness(1.05);
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-settings-bar__meta {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	gap: 0.0625rem;
	min-width: 0;
	text-align: right;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-account-summary {
	font-size: 0.6875rem;
	font-weight: 700;
	color: var(--stm-cash-text);
	white-space: nowrap;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-settings-msg {
	font-size: 0.625rem;
	min-height: 0;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-forms-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.375rem;
	margin-bottom: 0.375rem;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-form-card {
	padding: 0;
	overflow: hidden;
	border-radius: 12px;
	border: 1px solid var(--stm-cash-line);
	box-shadow: 0 3px 12px rgba(99, 102, 241, 0.06);
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-form-panel--in {
	border-color: rgba(16, 185, 129, 0.22);
	background: linear-gradient(180deg, #ffffff 0%, #ecfdf5 100%);
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-form-panel--out {
	border-color: rgba(244, 63, 94, 0.22);
	background: linear-gradient(180deg, #ffffff 0%, #fff1f2 100%);
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-form-panel__head {
	margin-bottom: 0;
	padding: 0.3125rem 0.5rem;
	border-bottom: none;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-form-panel--in .stm-cash-form-panel__head {
	background: linear-gradient(95deg, #059669, #10b981);
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-form-panel--out .stm-cash-form-panel__head {
	background: linear-gradient(95deg, #e11d48, #f43f5e);
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-form-panel__title {
	margin: 0;
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #fff;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.25rem 0.375rem;
	padding: 0.375rem 0.5rem 0.4375rem;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-field--full,
#stm-dashboard-root .stm-finance-cash-scope .stm-cash-form-actions {
	grid-column: 1 / -1;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-form-panel--in .stm-cash-label {
	color: #059669;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-form-panel--out .stm-cash-label {
	color: #e11d48;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-amount-input {
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-form-panel--in .stm-cash-amount-input {
	color: #059669;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-form-panel--out .stm-cash-amount-input {
	color: #e11d48;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-form-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.3125rem;
	margin-top: 0.0625rem;
	padding-top: 0.25rem;
	border-top: 1px dashed rgba(99, 102, 241, 0.15);
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-submit-btn {
	border: none;
	color: #fff;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-submit-btn--in {
	background: linear-gradient(135deg, #10b981, #059669);
	box-shadow: 0 3px 10px rgba(16, 185, 129, 0.32);
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-submit-btn--out {
	background: linear-gradient(135deg, #f43f5e, #e11d48);
	box-shadow: 0 3px 10px rgba(244, 63, 94, 0.32);
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-submit-btn:hover {
	color: #fff;
	filter: brightness(1.05);
	transform: translateY(-1px);
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-form-msg {
	font-size: 0.625rem;
	min-height: 0;
}

#stm-dashboard-root .stm-finance-cash-scope .form-control-sm,
#stm-dashboard-root .stm-finance-cash-scope .form-select-sm {
	min-height: 1.65rem;
	padding-top: 0.15rem;
	padding-bottom: 0.15rem;
	font-size: 0.78125rem;
	border-radius: 6px;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-field--file .form-control-sm {
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
	font-size: 0.6875rem;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-history {
	margin-top: 0.125rem;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-history__title {
	margin: 0 0 0.25rem;
	font-size: 0.75rem;
	font-weight: 800;
	color: var(--stm-fin-accent-indigo);
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-history__filters {
	display: flex;
	flex-direction: column;
	gap: 0;
	margin-bottom: 0.3125rem;
	overflow: hidden;
	border-radius: 12px;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-date-filter .stm-cash-date-input {
	min-width: 8rem;
	max-width: 9.5rem;
	font-size: 0.75rem;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-history__filters .stm-cash-hint {
	font-size: 0.625rem;
}

#stm-dashboard-root .stm-finance-cash-scope .stm-cash-table-shell {
	background: linear-gradient(180deg, #ffffff 0%, #f5f3ff 100%);
	border: 1px solid rgba(99, 102, 241, 0.14);
	border-radius: 10px;
	box-shadow: 0 3px 12px rgba(99, 102, 241, 0.06);
	overflow: hidden;
}

#stm-dashboard-root .stm-finance-cash-scope #stm-cash-recent-table.stm-table--cash-premium {
	--stm-cash-row: #ffffff;
	margin-bottom: 0;
	color: var(--stm-cash-text);
	background: transparent;
	border-collapse: separate;
	border-spacing: 0;
}

#stm-dashboard-root .stm-finance-cash-scope #stm-cash-recent-table.stm-table--cash-premium > :not(caption) > * > * {
	padding: 0.35rem 0.5rem;
	border-bottom: 1px solid var(--stm-cash-line);
	vertical-align: middle;
}

#stm-dashboard-root .stm-finance-cash-scope #stm-cash-recent-table.stm-table--cash-premium thead th {
	padding-top: 0.35rem;
	padding-bottom: 0.35rem;
	font-size: 0.625rem;
	font-weight: 700;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: #4338ca;
	background: rgba(245, 243, 255, 0.85);
	border-bottom: 1px solid rgba(99, 102, 241, 0.12);
	white-space: nowrap;
}

#stm-dashboard-root .stm-finance-cash-scope #stm-cash-recent-table.stm-table--cash-premium tbody tr {
	background: var(--stm-cash-row);
	transition: background-color 0.15s ease;
}

#stm-dashboard-root .stm-finance-cash-scope #stm-cash-recent-table.stm-table--cash-premium tbody tr:nth-child(even) {
	background: #f9fbfc;
}

#stm-dashboard-root .stm-finance-cash-scope #stm-cash-recent-table.stm-table--cash-premium tbody tr:hover {
	background: #eef4f7;
}

#stm-dashboard-root .stm-finance-cash-scope #stm-cash-recent-table .stm-task-dt {
	font-size: 0.75rem;
	color: var(--stm-cash-muted);
}

#stm-dashboard-root .stm-finance-cash-scope #stm-cash-recent-table .font-monospace {
	font-size: 0.71875rem;
	color: var(--stm-cash-muted);
}

#stm-dashboard-root .stm-finance-cash-scope #stm-cash-recent-table .stm-finance-txn-memo {
	font-size: 0.78125rem;
	font-weight: 600;
	max-width: 14rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#stm-dashboard-root .stm-finance-cash-scope #stm-cash-recent-table .stm-finance-txn-account {
	font-size: 0.75rem;
	max-width: 16rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: var(--stm-cash-muted);
}

#stm-dashboard-root .stm-finance-cash-scope #stm-cash-recent-table .text-end.fw-semibold {
	font-size: 0.8125rem;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

#stm-dashboard-root .stm-finance-cash-scope #stm-cash-recent-table .stm-task-status-badge {
	font-size: 0.625rem;
	padding: 0.28em 0.62em;
	border: 1px solid transparent;
	box-shadow: 0 1px 1px rgba(30, 45, 55, 0.04);
}

#stm-dashboard-root .stm-finance-cash-scope #stm-cash-recent-table .stm-task-badge--done {
	color: #fff;
	background: linear-gradient(135deg, #10b981, #059669);
	border-color: rgba(5, 150, 105, 0.35);
}

#stm-dashboard-root .stm-finance-cash-scope #stm-cash-recent-table .stm-task-badge--cancelled {
	color: #fff;
	background: linear-gradient(135deg, #f43f5e, #e11d48);
	border-color: rgba(225, 29, 72, 0.35);
}

#stm-dashboard-root .stm-finance-cash-scope #stm-cash-recent-table .stm-finance-attachment-thumb {
	max-width: 36px;
	max-height: 36px;
	border-radius: 4px;
}

#stm-dashboard-root .stm-finance-cash-scope #stm-cash-recent-table .stm-table__empty {
	padding: 1.25rem 0.75rem !important;
	font-size: 0.8125rem;
	color: var(--stm-cash-muted);
}

#stm-dashboard-root .stm-finance-cash-scope #stm-cash-recent-table th:nth-child(1),
#stm-dashboard-root .stm-finance-cash-scope #stm-cash-recent-table td:nth-child(1) {
	width: 4.25rem;
}

#stm-dashboard-root .stm-finance-cash-scope #stm-cash-recent-table th:nth-child(2),
#stm-dashboard-root .stm-finance-cash-scope #stm-cash-recent-table td:nth-child(2) {
	width: 6.5rem;
}

#stm-dashboard-root .stm-finance-cash-scope #stm-cash-recent-table th:nth-child(3),
#stm-dashboard-root .stm-finance-cash-scope #stm-cash-recent-table td:nth-child(3) {
	width: 4.5rem;
}

#stm-dashboard-root .stm-finance-cash-scope #stm-cash-recent-table th:nth-child(4),
#stm-dashboard-root .stm-finance-cash-scope #stm-cash-recent-table td:nth-child(4) {
	width: 6.5rem;
}

#stm-dashboard-root .stm-finance-cash-scope #stm-cash-recent-table th:nth-child(7),
#stm-dashboard-root .stm-finance-cash-scope #stm-cash-recent-table td:nth-child(7) {
	width: 3rem;
}

@media (max-width: 991.98px) {
	#stm-dashboard-root .stm-finance-cash-scope .stm-cash-forms-grid {
		grid-template-columns: 1fr;
	}

	#stm-dashboard-root .stm-finance-cash-scope .stm-cash-settings-bar {
		grid-template-columns: 1fr;
	}

	#stm-dashboard-root .stm-finance-cash-scope .stm-cash-settings-bar__meta {
		align-items: flex-start;
		text-align: left;
	}
}

@media (max-width: 575.98px) {
	#stm-dashboard-root .stm-finance-cash-scope .stm-cash-form-grid {
		grid-template-columns: 1fr;
	}

	#stm-dashboard-root .stm-finance-cash-scope .stm-cash-settings-bar__controls .form-select {
		max-width: none;
		flex-basis: 100%;
	}
}

@media (max-width: 640px) {
	#stm-dashboard-root .stm-finance-cash-scope .stm-cash-table-shell #stm-cash-recent-table.stm-table--cash-premium tbody tr {
		border: 1px solid var(--stm-cash-line);
		border-radius: 8px;
		background: #fff;
		box-shadow: 0 1px 6px rgba(30, 45, 55, 0.05);
	}

	#stm-dashboard-root .stm-finance-cash-scope .stm-cash-table-shell #stm-cash-recent-table.stm-table--cash-premium tbody td {
		padding: 0.3rem 0.5rem;
		border-bottom-color: rgba(52, 72, 88, 0.08);
	}

	#stm-dashboard-root .stm-finance-cash-scope #stm-cash-recent-table .stm-finance-txn-memo,
	#stm-dashboard-root .stm-finance-cash-scope #stm-cash-recent-table .stm-finance-txn-account {
		max-width: none;
		white-space: normal;
	}
}

/* Finance: kop neraca & laba rugi */
#stm-dashboard-root .stm-finance-kop__name {
	letter-spacing: 0.04em;
	line-height: 1.25;
}

/* Neraca / Laba rugi: area tanda tangan */
#stm-dashboard-root .stm-finance-signatures .stm-finance-sign-space {
	min-height: 3.5rem;
	max-width: 14rem;
}

#stm-dashboard-root .stm-finance-signatures .stm-finance-sign-underline {
	width: 85%;
	max-width: 14rem;
	border-bottom: 1px solid var(--bs-border-color);
}

/* section */
#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-scope {
	--stm-fixed-surface: #fff9f4;
	--stm-fixed-card-bg: linear-gradient(165deg, #ffffff 0%, #fffbf7 100%);
	--stm-fixed-row: #ffffff;
	--stm-fixed-row-alt: #fff6ee;
	--stm-fixed-line: rgba(200, 130, 85, 0.14);
	--stm-fixed-text: #443329;
	--stm-fixed-muted: #8f7362;
	--stm-fixed-head: #a86438;
	--stm-fixed-accent: #e8884a;
	--stm-fixed-accent-deep: #d97538;
	--stm-fixed-accent-soft: rgba(232, 136, 74, 0.16);
	--stm-fixed-ring: rgba(216, 130, 72, 0.35);
	color: var(--stm-fixed-text);
	background: transparent;
	border-radius: 0;
	padding: 0;
	margin-left: 0;
	margin-right: 0;
}

@media (min-width: 768px) {
	#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-scope {
		padding: 0;
		margin-left: 0;
		margin-right: 0;
	}
}

#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-intro {
	color: var(--stm-fixed-muted) !important;
}

#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-list-title {
	color: var(--stm-fixed-head);
	letter-spacing: 0.02em;
}

#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-card {
	background: var(--stm-fixed-card-bg);
	border: 1px solid rgba(220, 170, 125, 0.35) !important;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.85) inset,
		0 8px 28px rgba(120, 72, 40, 0.08) !important;
}

#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-card-title {
	color: var(--stm-fixed-head);
}

#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-scope .form-control,
#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-scope .form-select {
	border-color: rgba(200, 140, 95, 0.35);
}

#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-scope .form-control:focus,
#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-scope .form-select:focus {
	border-color: var(--stm-fixed-accent);
	box-shadow: 0 0 0 0.2rem var(--stm-fixed-ring);
}

#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-scope .stm-fixed-submit-btn {
	color: #fff;
	background: linear-gradient(180deg, #f09858 0%, var(--stm-fixed-accent-deep) 100%);
	border: 1px solid rgba(180, 95, 45, 0.35);
	box-shadow: 0 2px 10px rgba(200, 110, 55, 0.22);
}

#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-scope .stm-fixed-submit-btn:hover {
	filter: brightness(1.03);
}

#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-scope .stm-fixed-preview-btn {
	color: var(--stm-fixed-head);
	background: #fff;
	border: 1px solid rgba(210, 150, 105, 0.55);
}

#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-scope .stm-fixed-preview-btn:hover {
	background: var(--stm-fixed-accent-soft);
	border-color: rgba(200, 130, 85, 0.65);
}

#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-scope .stm-fixed-run-btn {
	color: #fff;
	background: linear-gradient(180deg, #f4a062 0%, #e07834 100%);
	border: 1px solid rgba(190, 100, 45, 0.4);
	box-shadow: 0 2px 10px rgba(190, 105, 55, 0.2);
}

#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-scope .stm-fixed-run-btn:hover {
	filter: brightness(1.04);
}

#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-scope .btn-outline-secondary {
	border-color: rgba(190, 145, 115, 0.55);
	color: var(--stm-fixed-muted);
}

#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-scope .btn-outline-secondary:hover {
	background: rgba(255, 244, 235, 0.95);
	border-color: rgba(180, 130, 95, 0.55);
	color: var(--stm-fixed-text);
}

/* section */
#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-table-shell #stm-fixed-asset-table.stm-table--fixed-premium {
	--stm-fixed-table-text: var(--stm-fixed-text);
	--stm-fixed-table-muted: var(--stm-fixed-muted);
	color: var(--stm-fixed-table-text);
	border-collapse: separate;
	border-spacing: 0;
}

#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-table-shell #stm-fixed-asset-table.stm-table--fixed-premium > :not(caption) > * > * {
	padding: 0.65rem 0.75rem;
	border-bottom: 1px solid var(--stm-fixed-line);
}

#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-thead .stm-finance-fixed-th {
	font-size: 0.7rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--stm-fixed-head);
	background: rgba(255, 236, 220, 0.65);
}

#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-table-shell #stm-fixed-asset-table.stm-table--fixed-premium tbody tr {
	background: var(--stm-fixed-row);
}

#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-table-shell #stm-fixed-asset-table.stm-table--fixed-premium tbody tr:nth-child(even) {
	background: var(--stm-fixed-row-alt);
}

#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-table-shell #stm-fixed-asset-table.stm-table--fixed-premium tbody tr:hover {
	background: #fff0e5;
}

#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-table-shell #stm-fixed-asset-table.stm-table--fixed-premium .stm-table__empty {
	color: var(--stm-fixed-muted);
	font-style: italic;
	padding: 1.25rem 0.75rem;
}

#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-table-shell .stm-finance-fixed-name {
	font-weight: 600;
	color: var(--stm-fixed-text);
}

#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-scope .stm-fixed-status-badge.stm-fixed-status--active {
	background: linear-gradient(180deg, #ffe8d6 0%, #ffd4b8 100%);
	color: #7a4520;
	border: 1px solid rgba(210, 140, 85, 0.45);
}

#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-scope .stm-fixed-status-badge.stm-fixed-status--muted {
	background: rgba(245, 235, 228, 0.9);
	color: var(--stm-fixed-muted);
	border: 1px solid rgba(200, 175, 160, 0.4);
}

#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-scope .stm-fixed-edit-btn {
	color: var(--stm-fixed-head);
	background: #fff;
	border: 1px solid rgba(210, 155, 110, 0.5);
}

#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-scope .stm-fixed-edit-btn:hover {
	background: var(--stm-fixed-accent-soft);
}

#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-scope .stm-fixed-delete-btn {
	color: #9a4a38;
	background: rgba(255, 236, 232, 0.95);
	border: 1px solid rgba(210, 130, 110, 0.45);
}

#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-scope .stm-fixed-delete-btn:hover {
	background: #ffe8e2;
}

/* Pratinjau posting */
#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-preview-wrap {
	border-radius: 0.75rem;
	border: 1px solid rgba(215, 165, 120, 0.35);
	background: rgba(255, 252, 248, 0.95);
	overflow: hidden;
}

#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-preview-table thead th {
	font-size: 0.7rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--stm-fixed-head);
	background: rgba(255, 232, 215, 0.75);
	border-bottom: 1px solid var(--stm-fixed-line);
}

#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-preview-table tbody td {
	border-bottom: 1px solid rgba(230, 200, 175, 0.35);
}

@media (max-width: 640px) {
	#stm-dashboard-root .stm-panel--finance .stm-finance-fixed-table-shell #stm-fixed-asset-table.stm-table--fixed-premium tbody tr {
		border: 1px solid rgba(210, 165, 125, 0.22);
		border-radius: 12px;
		background: #fffefc;
		box-shadow: 0 2px 12px rgba(90, 55, 35, 0.06);
	}
}

/* section */
#stm-dashboard-root .stm-exp-ai-drop {
	min-height: 3.25rem;
	padding: 0.5rem 0.625rem;
	font-size: 0.6875rem;
	line-height: 1.35;
	text-align: center;
	color: var(--stm-txn-muted, #7a7268);
	border: 1px dashed rgba(72, 65, 58, 0.22);
	border-radius: 8px;
	cursor: pointer;
	background: rgba(255, 255, 255, 0.65);
	transition: background 0.15s ease, border-color 0.15s ease;
}

#stm-dashboard-root .stm-exp-ai-drop:hover {
	background: rgba(13, 110, 253, 0.06);
	border-color: rgba(13, 110, 253, 0.35);
}

#stm-dashboard-root .stm-exp-ai-drop:focus {
	outline: 2px solid rgba(13, 110, 253, 0.45);
	outline-offset: 2px;
}

#stm-dashboard-root .stm-exp-ai-preview-wrap {
	margin-top: 0.375rem;
	padding: 0.375rem;
	text-align: center;
	border: 1px solid var(--stm-txn-line, rgba(72, 65, 58, 0.1));
	border-radius: 8px;
	background: #fff;
}

#stm-dashboard-root .stm-exp-ai-loading {
	display: flex;
	align-items: center;
	gap: 0.375rem;
	font-size: 0.75rem;
	color: var(--bs-primary);
	margin: 0.375rem 0;
}

#stm-dashboard-root .stm-exp-ai-preview__img {
	max-height: 140px;
	width: auto;
	max-width: 100%;
	object-fit: contain;
	border-radius: 6px;
}

#stm-dashboard-root .stm-finance-attachment-thumb {
	display: block;
	max-width: 48px;
	max-height: 48px;
	object-fit: cover;
}

/* ==========================================================================
   Tema festif
   ========================================================================== */

#stm-dashboard-root.stm-theme-kuningan {
	--stm-kun-gold: #f97316;
	--stm-kun-gold-bright: #fb923c;
	--stm-kun-gold-soft: #fcd34d;
	--stm-kun-gold-deep: #c2410c;
	--stm-kun-cream: #f0f9ff;
	--stm-kun-cream-deep: #e0f2fe;
	--stm-kun-green: #0369a1;
	--stm-kun-green-bright: #0ea5e9;
	--stm-kun-green-soft: #bae6fd;
	--stm-kun-line: rgba(14, 165, 233, 0.22);
	--bs-primary: #0ea5e9;
	--bs-primary-rgb: 14, 165, 233;
	--bs-link-color: #0284c7;
	--bs-link-hover-color: #c2410c;
	background: transparent;
}

#stm-dashboard-root.stm-theme-kuningan .stm-festive-banner--kuningan {
	position: relative;
	overflow: hidden;
	border-radius: 14px;
	border: 1px solid rgba(14, 165, 233, 0.35);
	background: linear-gradient(
		105deg,
		#0369a1 0%,
		#0ea5e9 18%,
		#f97316 48%,
		#fb923c 72%,
		#f472b6 100%
	);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.45) inset,
		0 8px 28px rgba(249, 115, 22, 0.22);
}

#stm-dashboard-root.stm-theme-kuningan .stm-festive-banner--quote {
	background-size: 200% 200%;
	animation: stm-banner-gradient-shift 12s ease infinite;
}

@keyframes stm-banner-gradient-shift {
	0%,
	100% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
}

#stm-dashboard-root.stm-theme-kuningan .stm-festive-banner__glow {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 12% 50%, rgba(255, 255, 255, 0.28), transparent 42%),
		radial-gradient(circle at 88% 40%, rgba(255, 255, 255, 0.2), transparent 38%);
	pointer-events: none;
	animation: stm-banner-glow-pulse 4s ease-in-out infinite;
}

@keyframes stm-banner-glow-pulse {
	0%,
	100% {
		opacity: 1;
	}
	50% {
		opacity: 0.72;
	}
}

#stm-dashboard-root.stm-theme-kuningan .stm-festive-banner__shimmer {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		105deg,
		transparent 0%,
		rgba(255, 255, 255, 0.08) 42%,
		rgba(255, 255, 255, 0.22) 50%,
		rgba(255, 255, 255, 0.08) 58%,
		transparent 100%
	);
	background-size: 220% 100%;
	animation: stm-banner-shimmer 5s ease-in-out infinite;
	pointer-events: none;
}

@keyframes stm-banner-shimmer {
	0% {
		background-position: 200% 0;
	}
	100% {
		background-position: -200% 0;
	}
}

#stm-dashboard-root.stm-theme-kuningan .stm-festive-banner__inner {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.625rem 1rem;
}

#stm-dashboard-root.stm-theme-kuningan .stm-festive-banner__quote-mark {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 2.75rem;
	font-weight: 700;
	line-height: 0.75;
	color: rgba(255, 255, 255, 0.45);
	text-shadow: 0 2px 8px rgba(3, 105, 161, 0.35);
	flex-shrink: 0;
	align-self: flex-start;
	margin-top: 0.125rem;
	user-select: none;
}

#stm-dashboard-root.stm-theme-kuningan .stm-festive-banner__icon {
	font-size: 1.35rem;
	line-height: 1;
	filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.15));
	flex-shrink: 0;
}

#stm-dashboard-root.stm-theme-kuningan .stm-festive-banner__icon--end {
	font-size: 1.5rem;
	animation: stm-banner-sparkle 2.4s ease-in-out infinite;
}

@keyframes stm-banner-sparkle {
	0%,
	100% {
		transform: scale(1) rotate(0deg);
		opacity: 1;
	}
	50% {
		transform: scale(1.12) rotate(8deg);
		opacity: 0.82;
	}
}

#stm-dashboard-root.stm-theme-kuningan .stm-festive-banner__text {
	flex: 1;
	min-width: 0;
	color: #fff;
	text-shadow: 0 1px 3px rgba(12, 74, 110, 0.35);
	border: 0;
	margin: 0;
	padding: 0;
}

#stm-dashboard-root.stm-theme-kuningan .stm-festive-banner__quote {
	font-size: 1rem;
	font-weight: 700;
	font-style: italic;
	line-height: 1.35;
	letter-spacing: 0.01em;
}

#stm-dashboard-root.stm-theme-kuningan .stm-festive-banner__author {
	font-size: 0.6875rem;
	font-weight: 600;
	font-style: normal;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	opacity: 0.92;
	margin-top: 0.25rem;
	padding-left: 0.125rem;
}

#stm-dashboard-root.stm-theme-kuningan .stm-festive-banner__title {
	font-size: 0.9375rem;
	font-weight: 800;
	letter-spacing: 0.02em;
}

#stm-dashboard-root.stm-theme-kuningan .stm-festive-banner__sub {
	font-size: 0.6875rem;
	font-weight: 500;
	opacity: 0.95;
	margin-top: 0.125rem;
}

@media (max-width: 480px) {
	#stm-dashboard-root.stm-theme-kuningan .stm-festive-banner__inner {
		padding: 0.5rem 0.75rem;
		gap: 0.5rem;
	}

	#stm-dashboard-root.stm-theme-kuningan .stm-festive-banner__quote-mark {
		font-size: 2rem;
	}

	#stm-dashboard-root.stm-theme-kuningan .stm-festive-banner__quote {
		font-size: 0.875rem;
	}

	#stm-dashboard-root.stm-theme-kuningan .stm-festive-banner__author {
		font-size: 0.625rem;
		letter-spacing: 0.04em;
	}

	#stm-dashboard-root.stm-theme-kuningan .stm-festive-banner__icon--end {
		display: block;
		font-size: 1.25rem;
	}

	#stm-dashboard-root.stm-theme-kuningan .stm-festive-banner__title {
		font-size: 0.875rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	#stm-dashboard-root.stm-theme-kuningan .stm-festive-banner--quote,
	#stm-dashboard-root.stm-theme-kuningan .stm-festive-banner__glow,
	#stm-dashboard-root.stm-theme-kuningan .stm-festive-banner__shimmer,
	#stm-dashboard-root.stm-theme-kuningan .stm-festive-banner__icon--end {
		animation: none;
	}
}

#stm-dashboard-root.stm-theme-kuningan.stm-app-shell {
	--stm-sidebar-accent: #111827;
	--stm-sidebar-bg-active: #f3f4f6;
	--stm-accent: #18181b;
	--stm-accent-soft: #f3f4f6;
}

#stm-dashboard-root.stm-theme-kuningan.stm-app-shell .stm-sidebar-nav__link.active .stm-sidebar-nav__icon {
	color: var(--stm-sidebar-text-active);
}

#stm-dashboard-root.stm-theme-kuningan.stm-app-shell .stm-panel--tasks .stm-task-badge--done {
	color: #fff;
	background: #16a34a;
	border: none;
}

#stm-dashboard-root.stm-theme-kuningan.stm-app-shell .stm-ui-btn--primary,
#stm-dashboard-root.stm-theme-kuningan.stm-app-shell .stm-panel--tasks .stm-task-btn--done {
	background: var(--stm-accent);
	border-color: var(--stm-accent);
}

#stm-dashboard-root.stm-theme-kuningan.stm-app-shell .stm-segment-btn.active {
	background: var(--stm-accent);
	box-shadow: none;
	color: #fff;
}

body.stm-sidebar-open,
body.stm-cmdk-open {
	overflow: hidden;
}

#stm-dashboard-root.stm-theme-kuningan.stm-app-shell .stm-panel--finance .btn-primary,
#stm-dashboard-root.stm-theme-kuningan.stm-app-shell .stm-panel--finance .stm-finance-submit-btn,
#stm-dashboard-root.stm-theme-kuningan.stm-app-shell .stm-panel--finance .stm-cash-save-btn {
	color: #fff !important;
	background: var(--stm-accent) !important;
	border-color: var(--stm-accent) !important;
	background-image: none !important;
}

#stm-dashboard-root.stm-theme-kuningan.stm-app-shell .stm-panel--finance ul.stm-finance-subtabs .nav-link.active:not([data-stm-finance-sub='exp']):not([data-stm-finance-sub='inc']) {
	background: var(--stm-accent) !important;
	background-image: none !important;
}

#stm-dashboard-root.stm-theme-kuningan.stm-app-shell .stm-panel--finance ul.stm-finance-subtabs .nav-link[data-stm-finance-sub='inc'].active,
#stm-dashboard-root.stm-theme-kuningan.stm-app-shell .stm-panel--finance ul.stm-finance-subtabs .nav-link[data-stm-finance-sub='inc'].active:hover {
	color: #fff !important;
	background: #16a34a !important;
	background-image: none !important;
}

#stm-dashboard-root.stm-theme-kuningan.stm-app-shell .stm-panel--finance ul.stm-finance-subtabs .nav-link[data-stm-finance-sub='exp'].active,
#stm-dashboard-root.stm-theme-kuningan.stm-app-shell .stm-panel--finance ul.stm-finance-subtabs .nav-link[data-stm-finance-sub='exp'].active:hover {
	color: #fff !important;
	background: #dc2626 !important;
	background-image: none !important;
}

#stm-dashboard-root.stm-theme-kuningan.stm-app-shell .stm-panel--chatroom .stm-msg-thread {
	background: var(--stm-surface) !important;
	background-image: none !important;
	border-color: var(--stm-border) !important;
	box-shadow: none !important;
}

#stm-dashboard-root.stm-theme-kuningan.stm-app-shell .stm-panel--chatroom .stm-msg-row--other .stm-msg-bubble,
#stm-dashboard-root.stm-theme-kuningan.stm-app-shell .stm-panel--chatroom .stm-msg-row--mine .stm-msg-bubble {
	background-image: none !important;
	backdrop-filter: none !important;
}

#stm-dashboard-root.stm-theme-kuningan.stm-app-shell .stm-panel--chatroom .stm-chatroom-compose__send {
	background: var(--stm-accent) !important;
	background-image: none !important;
	border-color: var(--stm-accent) !important;
	color: #fff !important;
}

#stm-dashboard-root.stm-theme-kuningan.stm-app-shell .stm-finance-cash-scope .stm-cash-history__filters {
	background: var(--stm-surface) !important;
	border: 1px solid var(--stm-border-strong) !important;
	border-left: none !important;
	box-shadow: none !important;
}

#stm-dashboard-root.stm-theme-kuningan.stm-app-shell .stm-finance-cash-scope .stm-finance-filter-label {
	color: var(--stm-text-muted) !important;
}

#stm-dashboard-root.stm-theme-kuningan.stm-app-shell .stm-finance-cash-scope .stm-finance-txn-filter-hint,
#stm-dashboard-root.stm-theme-kuningan.stm-app-shell .stm-finance-cash-scope .stm-cash-history__filters .stm-cash-hint {
	color: var(--stm-text-subtle) !important;
	background: transparent !important;
	border-top-color: var(--stm-border) !important;
}

#stm-dashboard-root.stm-theme-kuningan.stm-app-shell .stm-panel--finance .stm-finance-date-preset.active {
	background: var(--stm-accent) !important;
	background-image: none !important;
}

#stm-dashboard-root.stm-theme-kuningan #stm-dashboard-loading {
	background: var(--stm-kun-cream);
	border-color: var(--stm-kun-line) !important;
	color: var(--stm-kun-gold-deep);
}

#stm-dashboard-root.stm-theme-kuningan .stm-tabs.nav-pills:not(.stm-sidebar-nav) .nav-link:hover {
	color: var(--stm-kun-gold-deep);
	background: rgba(14, 165, 233, 0.14);
	border-color: rgba(249, 115, 22, 0.28);
}

#stm-dashboard-root.stm-theme-kuningan .stm-tabs.nav-pills:not(.stm-sidebar-nav) .nav-link.active {
	background: linear-gradient(135deg, #0ea5e9 0%, #0369a1 38%, #f97316 100%);
	box-shadow: 0 0.2rem 0.65rem rgba(249, 115, 22, 0.38);
}

#stm-dashboard-root.stm-theme-kuningan .stm-tabs.nav-pills:not(.stm-sidebar-nav) .nav-link:focus-visible {
	outline-color: var(--stm-kun-gold);
}

#stm-dashboard-root.stm-theme-kuningan .stm-task-panel-head {
	border-bottom-color: var(--stm-kun-line) !important;
}

#stm-dashboard-root.stm-theme-kuningan .stm-task-panel-head__title {
	color: var(--stm-kun-gold-deep);
}

#stm-dashboard-root.stm-theme-kuningan .stm-task-form-card {
	--stm-task-accent-indigo: #c2410c;
	--stm-task-accent-violet: #f97316;
	--stm-task-accent-cyan: #0369a1;
	--stm-task-accent-mint: #0ea5e9;
	--stm-task-accent-coral: #ec4899;
	background: linear-gradient(145deg, #ffffff 0%, #f0f9ff 45%, #fff7ed 100%);
	border-color: rgba(14, 165, 233, 0.28);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.95) inset,
		0 8px 24px rgba(14, 165, 233, 0.12);
}

#stm-dashboard-root.stm-theme-kuningan .stm-task-form-card__head {
	background: linear-gradient(
		95deg,
		#0369a1 0%,
		#0ea5e9 32%,
		#f97316 62%,
		#fb923c 88%,
		#f472b6 100%
	);
}

#stm-dashboard-root.stm-theme-kuningan .stm-task-input.form-control:focus,
#stm-dashboard-root.stm-theme-kuningan .stm-task-input.form-select:focus {
	border-color: rgba(14, 165, 233, 0.5);
	box-shadow: 0 0 0 0.15rem rgba(14, 165, 233, 0.25);
}

#stm-dashboard-root.stm-theme-kuningan .stm-task-field--title .stm-task-input:focus {
	border-color: rgba(194, 65, 12, 0.5);
	box-shadow: 0 0 0 0.15rem rgba(249, 115, 22, 0.2);
}

#stm-dashboard-root.stm-theme-kuningan .stm-task-field--status .stm-task-input:focus {
	border-color: rgba(249, 115, 22, 0.55);
	box-shadow: 0 0 0 0.15rem rgba(249, 115, 22, 0.22);
}

#stm-dashboard-root.stm-theme-kuningan .stm-task-field--started .stm-input-group-datetime .input-group-text {
	background: linear-gradient(135deg, rgba(14, 165, 233, 0.2), rgba(249, 115, 22, 0.18));
	border-color: rgba(3, 105, 161, 0.35);
	color: #0369a1;
}

#stm-dashboard-root.stm-theme-kuningan .stm-task-hint {
	color: #c2410c;
	background: linear-gradient(90deg, rgba(14, 165, 233, 0.16), rgba(249, 115, 22, 0.1));
	border-left-color: var(--stm-kun-gold);
}

#stm-dashboard-root.stm-theme-kuningan .stm-task-field--actions {
	border-top-color: rgba(14, 165, 233, 0.2);
}

#stm-dashboard-root.stm-theme-kuningan .stm-task-submit-btn {
	background: linear-gradient(135deg, #0ea5e9 0%, #0369a1 42%, #f97316 100%);
	box-shadow: 0 4px 14px rgba(249, 115, 22, 0.35);
}

#stm-dashboard-root.stm-theme-kuningan .stm-task-submit-btn:hover {
	box-shadow: 0 6px 18px rgba(249, 115, 22, 0.42);
}

#stm-dashboard-root.stm-theme-kuningan .stm-task-cancel-btn {
	border-color: rgba(14, 165, 233, 0.4);
	color: #c2410c;
}

#stm-dashboard-root.stm-theme-kuningan.stm-app-shell .stm-task-date-filter {
	background: transparent !important;
	border: none !important;
}

#stm-dashboard-root.stm-theme-kuningan.stm-app-shell .stm-task-date-filter .stm-segment-btn:not(.active) {
	color: var(--stm-text-muted) !important;
	border-color: transparent !important;
}

#stm-dashboard-root.stm-theme-kuningan .stm-task-date-filter {
	background: linear-gradient(90deg, rgba(14, 165, 233, 0.08), rgba(249, 115, 22, 0.06));
	border-color: rgba(14, 165, 233, 0.18);
}

#stm-dashboard-root.stm-theme-kuningan .stm-task-date-preset {
	border-color: rgba(14, 165, 233, 0.28);
	color: #c2410c;
}

#stm-dashboard-root.stm-theme-kuningan .stm-task-date-preset.active {
	background: linear-gradient(135deg, #0ea5e9, #f97316);
}

#stm-dashboard-root.stm-theme-kuningan .stm-task-date-preset:active:not(.active) {
	opacity: 0.88;
}

#stm-dashboard-root.stm-theme-kuningan .stm-task-table-shell {
	background: linear-gradient(180deg, #f8fcff 0%, #fff7ed 100%);
	border-color: rgba(14, 165, 233, 0.16);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.9) inset,
		0 3px 12px rgba(14, 165, 233, 0.06);
}

#stm-dashboard-root.stm-theme-kuningan .stm-panel--tasks #stm-task-table.stm-table--tasks-premium {
	--stm-task-surface: #f8fcff;
	--stm-task-row: #ffffff;
	--stm-task-line: rgba(14, 165, 233, 0.1);
	--stm-task-text: #1e3a5f;
	--stm-task-muted: #64748b;
	--stm-task-head: #c2410c;
}

#stm-dashboard-root.stm-theme-kuningan .stm-panel--tasks #stm-task-table.stm-table--tasks-premium tbody tr:nth-child(even) {
	background: #f8fcff;
}

#stm-dashboard-root.stm-theme-kuningan .stm-panel--tasks #stm-task-table.stm-table--tasks-premium tbody tr:hover {
	background: #e0f2fe;
}

#stm-dashboard-root.stm-theme-kuningan .stm-panel--tasks .stm-task-badge--done {
	background: linear-gradient(135deg, #0ea5e9, #0369a1) !important;
	color: #fff !important;
	border-color: rgba(3, 105, 161, 0.35) !important;
}

#stm-dashboard-root.stm-theme-kuningan .stm-panel--tasks .stm-task-badge--progress {
	background: linear-gradient(135deg, #fcd34d, #fb923c) !important;
	color: #9a3412 !important;
	border-color: rgba(249, 115, 22, 0.35) !important;
}

#stm-dashboard-root.stm-theme-kuningan .stm-panel--tasks .stm-task-badge--pending {
	background: linear-gradient(180deg, #f0f9ff, #e0f2fe) !important;
	color: #c2410c !important;
	border-color: rgba(14, 165, 233, 0.25) !important;
}

#stm-dashboard-root.stm-theme-kuningan .stm-panel--tasks .stm-task-btn--done {
	background: linear-gradient(135deg, #0ea5e9, #0369a1) !important;
	border-color: transparent !important;
	color: #fff !important;
}

#stm-dashboard-root.stm-theme-kuningan .stm-panel--finance {
	--stm-fin-line: rgba(14, 165, 233, 0.12);
	--stm-fin-text: #1e3a5f;
	--stm-fin-muted: #64748b;
}

#stm-dashboard-root.stm-theme-kuningan .stm-finance-panel-head__title {
	color: var(--stm-kun-gold-deep);
}

#stm-dashboard-root.stm-theme-kuningan .stm-finance-txn-form-card {
	border-color: rgba(14, 165, 233, 0.18);
	background: linear-gradient(180deg, #ffffff 0%, #f8fcff 100%);
}

#stm-dashboard-root.stm-theme-kuningan .stm-finance-txn-date-filter {
	background: linear-gradient(90deg, rgba(14, 165, 233, 0.06), rgba(249, 115, 22, 0.05));
	border-color: rgba(14, 165, 233, 0.14);
}

#stm-dashboard-root.stm-theme-kuningan .stm-finance-date-preset.active,
#stm-dashboard-root.stm-theme-kuningan .stm-finance-date-preset:active {
	background: linear-gradient(135deg, #0ea5e9, #f97316) !important;
	border-color: transparent !important;
	color: #fff !important;
}

#stm-dashboard-root.stm-theme-kuningan .btn-primary {
	background: linear-gradient(135deg, #0ea5e9, #f97316);
	border-color: #0284c7;
}

#stm-dashboard-root.stm-theme-kuningan .btn-primary:hover {
	background: linear-gradient(135deg, #38bdf8, #fb923c);
	border-color: #0ea5e9;
}

#stm-dashboard-root.stm-theme-kuningan .btn-outline-primary {
	color: #0284c7;
	border-color: rgba(14, 165, 233, 0.45);
}

#stm-dashboard-root.stm-theme-kuningan .btn-outline-primary:hover {
	background: rgba(14, 165, 233, 0.14);
	border-color: #0ea5e9;
	color: #c2410c;
}

/* ==========================================================================
   Halaman dashboard
   ========================================================================== */

/* Hapus offset ganda WP admin bar (html margin + padding tema). */
html:has(body.stm-dashboard-page.admin-bar),
html.admin-bar:has(body.stm-dashboard-page) {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

html:has(body.stm-dashboard-page) {
	background: #f9fafb;
}

body.stm-dashboard-page {
	--stm-site-header-h: 3.25rem;
	--stm-chrome-bg: #ffffff;
	margin: 0 !important;
	padding: 0 !important;
	background: #ffffff !important;
}

body.stm-dashboard-page:has(#stm-dashboard-root.stm-app-shell) {
	overflow: hidden;
}

body.stm-dashboard-page header.site-header,
body.stm-dashboard-page footer.site-footer,
body.stm-dashboard-page .ramaya-page-loader {
	display: none !important;
}

body.stm-dashboard-page #page,
body.stm-dashboard-page #main,
body.stm-dashboard-page .site,
body.stm-dashboard-page .site-main,
body.stm-dashboard-page .entry,
body.stm-dashboard-page .entry--singular,
body.stm-dashboard-page .entry-content,
body.stm-dashboard-page article {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	max-width: none !important;
	width: 100% !important;
}

body.stm-dashboard-page .site {
	max-width: none;
}

/* App shell: satu offset admin bar via position fixed. */
body.stm-dashboard-page.admin-bar #stm-dashboard-root.stm-app-shell {
	position: fixed !important;
	top: var(--wp-admin--admin-bar--height, 32px) !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	z-index: 99;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
}

@media screen and (max-width: 782px) {
	body.stm-dashboard-page.admin-bar #stm-dashboard-root.stm-app-shell {
		top: var(--wp-admin--admin-bar--height, 46px) !important;
	}
}

body.stm-dashboard-page:not(.admin-bar) #stm-dashboard-root.stm-app-shell {
	position: fixed !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	z-index: 99;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
}

body.stm-dashboard-page #stm-dashboard-root .stm-app-layout {
	min-height: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.stm-dashboard-page #stm-dashboard-root .stm-main-shell {
	min-height: 0;
	overflow: hidden;
}

body.stm-dashboard-page #stm-dashboard-root .stm-main {
	min-height: 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

/* section */
body.stm-dashboard-page .stm-site-header--standalone {
	position: relative;
	z-index: 1;
	height: var(--stm-site-header-h);
	background: #ffffff;
	border-bottom: 1px solid #e5e7eb;
}

body.stm-dashboard-page .stm-site-header--standalone .stm-site-header__inner {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0 1.25rem;
	max-width: none;
}

body.stm-dashboard-page .stm-site-header--standalone .stm-site-header__brand {
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	text-transform: none;
	background: none;
	-webkit-background-clip: unset;
	background-clip: unset;
	color: #111827;
	text-decoration: none;
	line-height: 1.2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

body.stm-dashboard-page .stm-site-header--standalone .stm-site-header__brand:hover,
body.stm-dashboard-page .stm-site-header--standalone .stm-site-header__brand:focus {
	color: #18181b;
	text-decoration: none;
}

body.stm-dashboard-page #stm-dashboard-root.stm-app-shell,
body.stm-dashboard-page #stm-login-wall-root {
	width: 100% !important;
	max-width: none !important;
}

body.stm-dashboard-page #stm-login-wall-root {
	margin: 0 !important;
	padding: 0 !important;
}

/* Sembunyikan chrome tema (judul halaman, tanggal) saat layar login. */
body.stm-login-wall-page .entry-header,
body.stm-login-wall-page .entry-meta,
body.stm-login-wall-page .entry-footer,
body.stm-login-wall-page .posted-on,
body.stm-login-wall-page .page-title,
body.stm-login-wall-page .entry-title,
body.stm-login-wall-page h1.entry-title,
body.stm-dashboard-page:has(#stm-login-wall-root) .entry-header,
body.stm-dashboard-page:has(#stm-login-wall-root) .entry-meta,
body.stm-dashboard-page:has(#stm-login-wall-root) .entry-footer,
body.stm-dashboard-page:has(#stm-login-wall-root) .posted-on,
body.stm-dashboard-page:has(#stm-login-wall-root) .entry-title {
	display: none !important;
}

body.stm-login-wall-page,
body.stm-dashboard-page:has(#stm-login-wall-root) {
	background: #f3f4f6 !important;
}

body.stm-dashboard-page #stm-login-wall-root.stm-login-wall {
	min-height: calc(100vh - var(--stm-site-header-h));
	min-height: calc(100dvh - var(--stm-site-header-h));
	margin: 0 !important;
	padding: 0 !important;
	display: flex;
	align-items: stretch;
	justify-content: center;
	background:
		radial-gradient(1200px 480px at 50% -10%, rgba(24, 24, 27, 0.06), transparent 55%),
		linear-gradient(180deg, #f9fafb 0%, #f3f4f6 48%, #eef0f3 100%);
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	color: #111827;
	-webkit-font-smoothing: antialiased;
}

body.stm-dashboard-page.admin-bar #stm-login-wall-root.stm-login-wall {
	min-height: calc(100vh - var(--stm-site-header-h) - 32px);
	min-height: calc(100dvh - var(--stm-site-header-h) - 32px);
}

@media screen and (max-width: 782px) {
	body.stm-dashboard-page.admin-bar #stm-login-wall-root.stm-login-wall {
		min-height: calc(100vh - var(--stm-site-header-h) - 46px);
		min-height: calc(100dvh - var(--stm-site-header-h) - 46px);
	}
}

.stm-login-wall__stage {
	width: 100%;
	max-width: 26.5rem;
	margin: 0 auto;
	padding: clamp(1.5rem, 4vw, 2.75rem) 1.25rem 2.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.stm-login-wall__panel {
	width: 100%;
	padding: clamp(1.5rem, 3.5vw, 2rem);
	border-radius: 16px;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	box-shadow:
		0 1px 2px rgba(15, 23, 42, 0.04),
		0 16px 40px rgba(15, 23, 42, 0.06);
}

.stm-login-wall__brand {
	display: flex;
	align-items: center;
	gap: 0.7rem;
	margin-bottom: 1.35rem;
}

.stm-login-wall__mark {
	display: inline-grid;
	place-items: center;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 10px;
	background: #18181b;
	color: #ffffff;
	font-size: 0.95rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	flex-shrink: 0;
}

.stm-login-wall__brand-name {
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #6b7280;
	line-height: 1.25;
}

.stm-login-wall__head {
	margin-bottom: 1.35rem;
}

.stm-login-wall__title {
	margin: 0 0 0.45rem;
	font-size: clamp(1.45rem, 2.4vw, 1.7rem);
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 1.2;
	color: #111827;
}

.stm-login-wall__lead {
	margin: 0;
	font-size: 0.9rem;
	line-height: 1.5;
	color: #6b7280;
}

.stm-login-wall__form {
	display: grid;
	gap: 1rem;
}

.stm-login-wall__field {
	display: grid;
	gap: 0.4rem;
}

.stm-login-wall__label {
	font-size: 0.8rem;
	font-weight: 600;
	color: #374151;
}

.stm-login-wall__input {
	display: block;
	width: 100%;
	min-height: 2.75rem;
	padding: 0.65rem 0.85rem;
	border: 1px solid #d1d5db;
	border-radius: 10px;
	background: #ffffff;
	color: #111827;
	font-size: 0.95rem;
	line-height: 1.4;
	transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.stm-login-wall__input::placeholder {
	color: #9ca3af;
}

.stm-login-wall__input:hover {
	border-color: #9ca3af;
}

.stm-login-wall__input:focus {
	outline: none;
	border-color: #18181b;
	box-shadow: 0 0 0 3px rgba(24, 24, 27, 0.12);
}

.stm-login-wall__pass-wrap {
	position: relative;
}

.stm-login-wall__pass-wrap .stm-login-wall__input {
	padding-right: 4.75rem;
}

.stm-login-wall__pass-toggle {
	position: absolute;
	top: 50%;
	right: 0.4rem;
	transform: translateY(-50%);
	min-height: 2rem;
	padding: 0 0.65rem;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: #4b5563;
	font-size: 0.75rem;
	font-weight: 600;
	cursor: pointer;
}

.stm-login-wall__pass-toggle:hover,
.stm-login-wall__pass-toggle:focus-visible {
	background: #f3f4f6;
	color: #111827;
	outline: none;
}

.stm-login-wall__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	min-height: 1.25rem;
}

.stm-login-wall__remember {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0;
	font-size: 0.85rem;
	color: #4b5563;
	cursor: pointer;
	user-select: none;
}

.stm-login-wall__remember input {
	width: 1rem;
	height: 1rem;
	margin: 0;
	accent-color: #18181b;
	cursor: pointer;
}

.stm-login-wall__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 2.85rem;
	margin-top: 0.15rem;
	padding: 0.7rem 1rem;
	border: 0;
	border-radius: 10px;
	background: #18181b;
	color: #ffffff;
	font-size: 0.95rem;
	font-weight: 650;
	letter-spacing: -0.01em;
	cursor: pointer;
	transition: background-color 160ms ease, transform 160ms ease, opacity 160ms ease;
}

.stm-login-wall__submit:hover:not(:disabled) {
	background: #27272a;
}

.stm-login-wall__submit:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px rgba(24, 24, 27, 0.2);
}

.stm-login-wall__submit:active:not(:disabled) {
	transform: translateY(1px);
}

.stm-login-wall__submit:disabled,
.stm-login-wall__submit.is-busy {
	opacity: 0.72;
	cursor: wait;
}

.stm-login-wall__msg {
	min-height: 1.2rem;
	margin: 0;
	font-size: 0.85rem;
	line-height: 1.4;
	color: #6b7280;
}

.stm-login-wall__msg.is-error {
	color: #b91c1c;
}

.stm-login-wall__footnote {
	margin: 1.15rem 0 0;
	font-size: 0.78rem;
	line-height: 1.45;
	color: #9ca3af;
	text-align: center;
}

@media (max-width: 480px) {
	.stm-login-wall__panel {
		padding: 1.25rem 1.1rem 1.35rem;
		border-radius: 14px;
	}

	.stm-login-wall__brand-name {
		font-size: 0.7rem;
	}
}

/* Modal Bootstrap harus di luar #stm-dashboard-root (z-index 99 + overflow hidden). */
body.stm-dashboard-page .modal {
	--bs-modal-zindex: 100050;
	z-index: 100050 !important;
}

body.stm-dashboard-page #stm-dt-link-create-modal.show,
body.stm-dashboard-page #stm-dt-link-create-modal.stm-dt-link-edit-sheet.show {
	z-index: 100130 !important;
}

/* Edit/create dari link-picker harus di atas stack picker (~100150/100160). */
body.stm-dashboard-page.is-ramaya-link-picker-open #stm-dt-link-create-modal.show,
body.stm-dashboard-page.is-ramaya-link-picker-open #stm-dt-link-create-modal.stm-dt-link-edit-sheet.show {
	z-index: 100180 !important;
}

body.stm-dashboard-page .modal-backdrop {
	--bs-backdrop-zindex: 100040;
	z-index: 100040 !important;
}

body.stm-dashboard-page #stm-dt-link-create-backdrop,
body.stm-dashboard-page .stm-dt-link-create-backdrop {
	z-index: 100125 !important;
}

body.stm-dashboard-page.is-ramaya-link-picker-open #stm-dt-link-create-backdrop,
body.stm-dashboard-page.is-ramaya-link-picker-open .stm-dt-link-create-backdrop {
	z-index: 100175 !important;
}

/* ==========================================================================
   Data Table
   ========================================================================== */

#stm-dashboard-root .stm-dt-toolbar {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	margin-bottom: 0;
}

#stm-dashboard-root .stm-dt-toolbar__top {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	min-width: 0;
	width: 100%;
}

#stm-dashboard-root .stm-dt-toolbar__utility {
	display: flex;
	align-items: center;
	gap: 0.28rem;
	width: 100%;
	min-width: 0;
	flex-wrap: wrap;
}

#stm-dashboard-root .stm-dt-toolbar__search-wrap {
	display: inline-flex;
	align-items: center;
	position: relative;
	flex: 0 1 auto;
	min-width: 0;
}

#stm-dashboard-root .stm-dt-toolbar__search-field {
	display: inline-flex;
	align-items: center;
	gap: 0.28rem;
	height: 1.625rem;
	max-height: 1.625rem;
	box-sizing: border-box;
	padding: 0 0.28rem 0 0.42rem;
	border-radius: 6px;
	border: 1px solid color-mix(in srgb, var(--stm-border-strong, #d0d5dd) 88%, #fff);
	background: linear-gradient(180deg, #ffffff 0%, color-mix(in srgb, var(--stm-surface-muted, #f9fafb) 92%, #fff) 100%);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.9) inset,
		0 1px 2px rgba(16, 24, 40, 0.04);
	overflow: hidden;
}

#stm-dashboard-root .stm-dt-search-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 0.875rem;
	height: 0.875rem;
	color: var(--stm-text-muted, #667085);
	opacity: 0.85;
}

#stm-dashboard-root .stm-dt-search-icon svg {
	width: 0.875rem;
	height: 0.875rem;
	display: block;
}

/* Override .stm-app-shell .stm-ui-input.form-control min-height (1.875rem) */
#stm-dashboard-root.stm-app-shell .stm-dt-toolbar__search-field .stm-ui-input.form-control,
#stm-dashboard-root .stm-dt-toolbar__search-field .stm-ui-input,
#stm-dashboard-root .stm-dt-toolbar__search-field #stm-dt-search {
	width: 11rem;
	min-width: 7.5rem;
	max-width: 16rem;
	height: 1.375rem !important;
	min-height: 0 !important;
	max-height: 1.375rem !important;
	line-height: 1.375rem !important;
	padding: 0 0.35rem !important;
	margin: 0;
	font-size: 0.6875rem !important;
	border: none !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	box-sizing: border-box;
}

#stm-dashboard-root.stm-app-shell .stm-dt-toolbar__search-field .stm-ui-input.form-control:focus,
#stm-dashboard-root .stm-dt-toolbar__search-field .stm-ui-input:focus,
#stm-dashboard-root .stm-dt-toolbar__search-field #stm-dt-search:focus {
	outline: none;
	border: none !important;
	box-shadow: none !important;
}

#stm-dashboard-root .stm-dt-search-close {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.25rem;
	height: 1.25rem;
	padding: 0;
	border: none;
	border-radius: 4px;
	background: transparent;
	color: var(--stm-text-muted, #667085);
	cursor: pointer;
	flex: 0 0 auto;
}

#stm-dashboard-root .stm-dt-search-close:hover {
	background: color-mix(in srgb, var(--stm-surface-muted, #f2f4f7) 80%, #fff);
	color: var(--stm-text, #344054);
}

#stm-dashboard-root .stm-dt-toolbar__actions {
	display: flex;
	align-items: center;
	gap: 0.28rem;
	flex: 1 1 auto;
	min-width: 0;
	flex-wrap: nowrap;
	overflow-x: auto;
	scrollbar-width: thin;
	-webkit-overflow-scrolling: touch;
}

#stm-dashboard-root .stm-dt-toolbar__extras {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	flex: 0 0 auto;
	flex-wrap: nowrap;
}

#stm-dashboard-root .stm-dt-toolbar__extras:empty {
	display: none;
	border: none;
	padding: 0;
	margin: 0;
}

/* section */
#stm-dashboard-root .stm-dt-toolbar-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	height: 1.625rem;
	min-height: 1.625rem;
	padding: 0 0.52rem;
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.015em;
	line-height: 1;
	white-space: nowrap;
	border-radius: 6px;
	border: 1px solid color-mix(in srgb, var(--stm-border-strong, #d0d5dd) 88%, #fff);
	background: linear-gradient(180deg, #ffffff 0%, color-mix(in srgb, var(--stm-surface-muted, #f9fafb) 92%, #fff) 100%);
	color: var(--stm-text-muted, #667085);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.9) inset,
		0 1px 2px rgba(16, 24, 40, 0.04);
	transition:
		border-color 0.15s ease,
		background 0.15s ease,
		color 0.15s ease,
		box-shadow 0.15s ease,
		transform 0.1s ease;
}

#stm-dashboard-root .stm-dt-toolbar-chip__icon,
#stm-dashboard-root .stm-dt-toolbar-chip svg {
	flex: 0 0 auto;
	width: 0.8125rem;
	height: 0.8125rem;
	opacity: 0.88;
}

#stm-dashboard-root .stm-dt-toolbar-chip > span:not(.visually-hidden) {
	max-width: 7rem;
	overflow: hidden;
	text-overflow: ellipsis;
}

#stm-dashboard-root .stm-dt-toolbar-chip:hover {
	color: var(--stm-text, #344054);
	border-color: color-mix(in srgb, var(--stm-border-strong, #d0d5dd) 68%, var(--stm-text-muted));
	background: linear-gradient(180deg, #ffffff 0%, var(--stm-surface-muted, #f2f4f7) 100%);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.95) inset,
		0 2px 6px rgba(16, 24, 40, 0.06);
}

#stm-dashboard-root .stm-dt-toolbar-chip:active {
	transform: translateY(0.5px);
}

#stm-dashboard-root .stm-dt-toolbar-chip--tool {
	border-color: color-mix(in srgb, #10b981 24%, var(--stm-border-strong, #d0d5dd));
	background: linear-gradient(180deg, #f8fffb 0%, #ecfdf5 100%);
	color: #065f46;
}

#stm-dashboard-root .stm-dt-toolbar-chip--tool svg {
	color: #10b981;
	opacity: 1;
}

#stm-dashboard-root .stm-dt-toolbar-chip--tool:hover {
	border-color: color-mix(in srgb, #10b981 40%, var(--stm-border-strong));
	background: linear-gradient(180deg, #ffffff 0%, #d1fae5 100%);
	color: #047857;
}

#stm-dashboard-root .stm-dt-toolbar-chip--danger {
	border-color: color-mix(in srgb, #ef4444 26%, var(--stm-border-strong, #d0d5dd));
	background: linear-gradient(180deg, #fff8f8 0%, #fef2f2 100%);
	color: #b91c1c;
}

#stm-dashboard-root .stm-dt-toolbar-chip--danger svg {
	color: #ef4444;
	opacity: 1;
}

#stm-dashboard-root .stm-dt-toolbar-chip--danger:hover {
	border-color: color-mix(in srgb, #ef4444 42%, var(--stm-border-strong));
	background: linear-gradient(180deg, #ffffff 0%, #fee2e2 100%);
	color: #991b1b;
}

#stm-dashboard-root .stm-dt-clear-trx-btn[hidden] {
	display: none !important;
}
#stm-dashboard-root .stm-dt-clear-trx-btn:disabled {
	opacity: 0.45;
	cursor: not-allowed;
	pointer-events: none;
}

#stm-dashboard-root .stm-dt-toolbar-chip--guest {
	border-color: color-mix(in srgb, #7c3aed 20%, var(--stm-border-strong, #d0d5dd));
	background: linear-gradient(180deg, #faf8ff 0%, #f5f3ff 100%);
	color: #5b21b6;
}

#stm-dashboard-root .stm-dt-toolbar-chip--guest svg {
	color: #8b5cf6;
	opacity: 1;
}

#stm-dashboard-root .stm-dt-toolbar-chip--guest:hover {
	border-color: color-mix(in srgb, #7c3aed 36%, var(--stm-border-strong));
	background: linear-gradient(180deg, #ffffff 0%, #ede9fe 100%);
	color: #4c1d95;
}

#stm-dashboard-root .stm-dt-toolbar-segment {
	display: inline-flex;
	align-items: center;
	padding: 2px;
	gap: 1px;
	border-radius: 6px;
	border: 1px solid color-mix(in srgb, var(--stm-border-strong, #d0d5dd) 88%, #fff);
	background: color-mix(in srgb, var(--stm-surface-muted, #f2f4f7) 90%, #fff);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.72) inset;
}

#stm-dashboard-root .stm-dt-toolbar-segment .stm-dt-scope-tab {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 1.375rem;
	min-height: 0;
	padding: 0 0.52rem;
	font-size: 0.6875rem;
	font-weight: 500;
	line-height: 1;
	border: none;
	border-radius: 4px;
	background: transparent;
	color: var(--stm-text-muted, #667085);
	box-shadow: none;
}

#stm-dashboard-root .stm-dt-toolbar-segment .stm-dt-scope-tab:hover {
	color: var(--stm-text, #344054);
	background: rgba(255, 255, 255, 0.55);
}

#stm-dashboard-root .stm-dt-toolbar-segment .stm-dt-scope-tab.is-active {
	background: #fff;
	color: var(--stm-text, #344054);
	font-weight: 600;
	box-shadow:
		0 1px 2px rgba(16, 24, 40, 0.07),
		0 1px 0 rgba(255, 255, 255, 0.9) inset;
}

#stm-dashboard-root .stm-dt-ui-mode {
	margin-left: 0.15rem;
}

#stm-dashboard-root .stm-dt-ui-mode__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 1.375rem;
	min-height: 0;
	padding: 0 0.48rem;
	font-size: 0.6875rem;
	font-weight: 500;
	line-height: 1;
	border: none;
	border-radius: 4px;
	background: transparent;
	color: var(--stm-text-muted, #667085);
	box-shadow: none;
}

#stm-dashboard-root .stm-dt-ui-mode__btn:hover {
	color: var(--stm-text, #344054);
	background: rgba(255, 255, 255, 0.55);
}

#stm-dashboard-root .stm-dt-ui-mode__btn.is-active {
	background: #fff;
	color: var(--stm-text, #344054);
	font-weight: 600;
	box-shadow:
		0 1px 2px rgba(16, 24, 40, 0.07),
		0 1px 0 rgba(255, 255, 255, 0.9) inset;
}

#stm-dashboard-root #stm-data-table-root.is-ui-performance .stm-dt-choice-chip--lite {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	padding: 0.05rem 0.35rem;
	border-radius: 4px;
	border: 1px solid #e4e7ec;
	background: #f9fafb;
	color: #344054;
	font-size: 0.72rem;
	font-weight: 500;
	line-height: 1.25;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#stm-dashboard-root .stm-dt-robot-dup-btn[hidden],
#stm-dashboard-root .stm-dt-robot-detail-cust-btn[hidden],
#stm-dashboard-root .stm-dt-name-date-dup-btn[hidden] {
	display: none !important;
}

#stm-dashboard-root .stm-dt-name-date-dup-btn.is-active {
	color: #0f766e !important;
	border-color: rgba(15, 118, 110, 0.35) !important;
	background: rgba(15, 118, 110, 0.08) !important;
}

#stm-dt-name-date-dup-modal .modal-dialog.modal-xl,
#stm-dt-name-date-dup-modal .stm-dt-name-date-dup-dialog {
	max-width: min(96vw, 1180px);
	width: min(96vw, 1180px);
	height: min(92vh, 860px);
	max-height: min(96vh, 960px);
}

#stm-dt-name-date-dup-modal.is-positioned .stm-dt-name-date-dup-dialog {
	position: fixed;
	margin: 0;
	transform: none;
	max-width: none;
}

#stm-dt-name-date-dup-modal .stm-dt-name-date-dup-modal__content {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	max-height: none;
	min-height: 280px;
	overflow: hidden;
}

#stm-dt-name-date-dup-modal .stm-dt-name-date-dup-modal__drag {
	cursor: move;
	user-select: none;
	flex-shrink: 0;
	touch-action: none;
}

#stm-dt-name-date-dup-modal .stm-dt-name-date-dup-modal__drag .btn-close {
	cursor: pointer;
}

#stm-dt-name-date-dup-modal .modal-body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
	overflow: hidden;
}

#stm-dt-name-date-dup-modal .modal-footer {
	flex-shrink: 0;
}

#stm-dt-name-date-dup-modal .stm-dt-name-date-dup-modal__table-wrap {
	flex: 1 1 auto;
	min-height: 8rem;
	max-height: none;
	overflow: auto;
	border: 1px solid var(--stm-border, #e4e7ec);
	border-radius: 8px;
}

#stm-dt-name-date-dup-modal .stm-dt-name-date-dup-resize {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 1.2rem;
	height: 1.2rem;
	cursor: nwse-resize;
	z-index: 5;
	opacity: 0.55;
	touch-action: none;
	background:
		linear-gradient(135deg, transparent 0 44%, #98a2b3 44% 48%, transparent 48% 58%, #98a2b3 58% 62%, transparent 62% 100%);
}

#stm-dt-name-date-dup-modal .stm-dt-name-date-dup-resize:hover {
	opacity: 0.95;
}

body.is-name-date-dup-modal-dragging,
body.is-name-date-dup-modal-resizing {
	user-select: none !important;
}

body.is-name-date-dup-modal-dragging {
	cursor: move !important;
}

body.is-name-date-dup-modal-resizing {
	cursor: nwse-resize !important;
}

#stm-dt-name-date-dup-modal .stm-dt-name-date-dup-table {
	margin: 0;
	font-size: 0.8125rem;
	table-layout: auto;
	width: 100%;
}

#stm-dt-name-date-dup-modal .stm-dt-name-date-dup-table thead th {
	position: sticky;
	top: 0;
	z-index: 1;
	background: #f8fafc;
	font-weight: 600;
	white-space: nowrap;
	border-bottom: 1px solid #e4e7ec;
	vertical-align: middle;
}

#stm-dt-name-date-dup-modal .stm-dt-name-date-dup-check-col {
	width: 2.25rem;
	text-align: center;
}

#stm-dt-name-date-dup-modal .stm-dt-name-date-dup-action-col {
	width: 5.5rem;
	white-space: nowrap;
}

#stm-dt-name-date-dup-modal .stm-dt-name-date-dup-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	flex-wrap: wrap;
	margin-bottom: 0.5rem;
}

#stm-dt-name-date-dup-modal .stm-dt-name-date-dup-toolbar .stm-msg {
	flex: 1 1 12rem;
	min-width: 0;
	margin-bottom: 0;
}

#stm-dt-name-date-dup-modal .stm-dt-name-date-dup-keep-latest {
	flex: 0 0 auto;
	white-space: nowrap;
}

#stm-dt-name-date-dup-modal .stm-dt-name-date-dup-keep-latest[hidden] {
	display: none !important;
}

#stm-dt-name-date-dup-modal .stm-dt-name-date-dup-created-col,
#stm-dt-name-date-dup-modal .stm-dt-name-date-dup-created,
#stm-dt-name-date-dup-modal .stm-dt-name-date-dup-updated-col,
#stm-dt-name-date-dup-modal .stm-dt-name-date-dup-updated {
	width: 9.5rem;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
	color: #475467;
	font-size: 0.78rem;
}

#stm-dt-name-date-dup-modal .stm-dt-name-date-dup-group td {
	background: #eef2ff;
	color: #364152;
	font-weight: 600;
	font-size: 0.75rem;
	padding: 0.4rem 0.55rem;
}

#stm-dt-name-date-dup-modal .stm-dt-name-date-dup-row td {
	vertical-align: top;
}

#stm-dt-name-date-dup-modal .stm-dt-name-date-dup-customer {
	max-width: 12rem;
	font-weight: 500;
	color: #1d2939;
	word-break: break-word;
}

#stm-dt-name-date-dup-modal .stm-dt-name-date-dup-detail {
	min-width: 18rem;
	max-width: none;
	white-space: normal;
	overflow: visible;
	word-break: break-word;
	line-height: 1.45;
	color: #475467;
}

#stm-dt-name-date-dup-modal .stm-dt-name-date-dup-check {
	text-align: center;
	vertical-align: top;
	padding-top: 0.55rem;
}

#stm-dt-name-date-dup-modal .stm-dt-name-date-dup-actions {
	vertical-align: top;
	white-space: nowrap;
}

#stm-dt-name-date-dup-modal .stm-dt-name-date-dup-del {
	padding: 0.15rem 0.45rem;
	font-size: 0.72rem;
}

#stm-dashboard-root .stm-dt-toolbar__filter {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	flex: 0 1 12rem;
	min-width: 8rem;
}

#stm-dashboard-root .stm-dt-toolbar__filter .form-select {
	width: 100%;
	min-width: 8rem;
	max-width: 14rem;
}

#stm-dashboard-root .stm-dt-view-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.28rem;
	padding: 0.22rem 0.48rem;
	font-size: 0.74rem;
	white-space: nowrap;
	border-radius: 999px;
	flex-shrink: 0;
}

#stm-dashboard-root .stm-dt-view-btn > span:not(.visually-hidden) {
	max-width: 6.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
}

#stm-dashboard-root .stm-dt-view-btn--icon {
	padding-inline: 0.42rem;
}

#stm-dashboard-root .stm-dt-hide-cancel-btn > span:not(.visually-hidden) {
	max-width: 8.5rem;
}

#stm-dashboard-root .stm-dt-non-paid-op-btn > span:not(.visually-hidden) {
	max-width: 11rem;
}

#stm-dashboard-root .stm-dt-watermark-btn > span:not(.visually-hidden) {
	max-width: 8.5rem;
}

#stm-dashboard-root .stm-dt-view-btn.is-active {
	background: #ecfdf3;
	color: #027a48;
}

#stm-dashboard-root .stm-dt-hide-cancel-btn.is-active {
	background: #fef2f2;
	color: #b91c1c;
	box-shadow: inset 0 0 0 1px rgba(248, 113, 113, 0.35);
}

#stm-dashboard-root .stm-dt-hide-cancel-btn.is-active svg {
	opacity: 0.95;
}

#stm-dashboard-root .stm-dt-hide-cancel-btn:not(.is-active):hover {
	background: #f9fafb;
	color: #374151;
}

#stm-dashboard-root .stm-dt-non-paid-op-btn.is-active {
	background: #fff7ed;
	color: #c2410c;
	box-shadow: inset 0 0 0 1px rgba(251, 146, 60, 0.45);
}

#stm-dashboard-root .stm-dt-non-paid-op-btn.is-active svg {
	opacity: 0.95;
}

#stm-dashboard-root .stm-dt-non-paid-op-btn:not(.is-active):hover {
	background: #f9fafb;
	color: #374151;
}

#stm-dashboard-root .stm-dt-watermark-btn.is-active {
	background: #f3f4f6;
	color: #374151;
	box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.45);
}

#stm-dashboard-root .stm-dt-watermark-btn:not(.is-active):hover {
	background: #f9fafb;
	color: #374151;
}

#stm-dashboard-root .stm-dt-active-view {
	display: inline-flex;
	align-items: center;
	gap: 0.28rem;
	max-width: 9rem;
	padding: 0.16rem 0.48rem;
	border-radius: 999px;
	background: #eff8ff;
	color: #175cd3;
	font-size: 0.7rem;
	font-weight: 600;
	line-height: 1.2;
	flex-shrink: 0;
}

#stm-dashboard-root .stm-dt-active-view__label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#stm-dashboard-root .stm-dt-view-autosave {
	flex: 0 0 auto;
	font-size: 0.65rem;
	font-weight: 500;
	opacity: 0.85;
}

#stm-dashboard-root .stm-dt-view-autosave.is-pending,
#stm-dashboard-root .stm-dt-view-autosave.is-saving {
	opacity: 1;
	color: #b54708;
}

#stm-dashboard-root .stm-dt-view-autosave.is-saved {
	opacity: 1;
	color: #027a48;
}

#stm-dashboard-root .stm-dt-view-autosave.is-error {
	opacity: 1;
	color: #b42318;
}

#stm-dashboard-root .stm-dt-add-view-btn {
	color: #175cd3;
	background: linear-gradient(180deg, #f5faff 0%, #eff8ff 100%);
	border: 1px solid #84caff;
	font-weight: 600;
	box-shadow: 0 1px 2px rgba(23, 92, 211, 0.1);
}

#stm-dashboard-root .stm-dt-add-view-btn svg {
	stroke: #1570ef;
}

#stm-dashboard-root .stm-dt-add-view-btn:hover,
#stm-dashboard-root .stm-dt-add-view-btn:focus-visible {
	color: #1849a9;
	background: linear-gradient(180deg, #e0f2fe 0%, #d1e9ff 100%);
	border-color: #53b1fd;
	box-shadow: 0 2px 6px rgba(23, 92, 211, 0.14);
}

#stm-dashboard-root .stm-sidebar-nav__views-hint {
	padding: 0 0.5rem 0.35rem 1.1rem;
	font-size: 0.68rem;
	line-height: 1.35;
}

#stm-dashboard-root .stm-sidebar-nav__sub--views {
	padding-bottom: 0.25rem;
}

#stm-dashboard-root .stm-sidebar-view-item {
	margin: 0;
}

#stm-dashboard-root .stm-sidebar-view-row {
	display: flex;
	align-items: center;
	gap: 0.15rem;
	min-width: 0;
	padding-right: 0.35rem;
}

#stm-dashboard-root .stm-sidebar-view-drag {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 0.85rem;
	margin-left: 0;
	color: #98a2b3;
	font-size: 0.62rem;
	line-height: 1;
	cursor: grab;
	user-select: none;
	opacity: 0;
	transition: opacity 0.12s ease;
}

#stm-dashboard-root .stm-sidebar-view-item:hover .stm-sidebar-view-drag,
#stm-dashboard-root .stm-sidebar-view-item.is-dragging .stm-sidebar-view-drag {
	opacity: 1;
}

#stm-dashboard-root .stm-sidebar-view-link {
	flex: 1 1 auto;
	min-width: 0;
}

#stm-dashboard-root .stm-sidebar-view-delete {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.35rem;
	height: 1.35rem;
	border: 0;
	border-radius: 6px;
	background: transparent;
	color: #98a2b3;
	opacity: 0;
	transition: opacity 0.12s ease, background 0.12s ease, color 0.12s ease;
}

#stm-dashboard-root .stm-sidebar-view-menu-btn {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.35rem;
	height: 1.35rem;
	border: 0;
	border-radius: 6px;
	background: transparent;
	color: #98a2b3;
	opacity: 0;
	transition: opacity 0.12s ease, background 0.12s ease, color 0.12s ease;
}

#stm-dashboard-root .stm-sidebar-view-item:hover .stm-sidebar-view-delete,
#stm-dashboard-root .stm-sidebar-view-delete:focus-visible,
#stm-dashboard-root .stm-sidebar-view-item:hover .stm-sidebar-view-menu-btn,
#stm-dashboard-root .stm-sidebar-view-menu-btn:focus-visible,
#stm-dashboard-root .stm-sidebar-view-item.is-menu-open .stm-sidebar-view-menu-btn {
	opacity: 1;
}

#stm-dashboard-root .stm-sidebar-view-delete:hover,
#stm-dashboard-root .stm-sidebar-view-delete:focus-visible {
	background: #fef3f2;
	color: #b42318;
	outline: none;
}

#stm-dashboard-root .stm-sidebar-view-menu-btn:hover,
#stm-dashboard-root .stm-sidebar-view-menu-btn:focus-visible {
	background: #eff8ff;
	color: #175cd3;
	outline: none;
}

#stm-dashboard-root .stm-sidebar-view-item.is-dragging {
	opacity: 0.55;
}

#stm-dashboard-root .stm-sidebar-view-item.is-switching .stm-sidebar-view-link {
	opacity: 0.75;
}

#stm-dashboard-root .stm-sidebar-view-item.is-switching .stm-sidebar-nav__label::after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 6px;
	border: 1.5px solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	vertical-align: -1px;
	animation: stm-dt-view-spin 0.6s linear infinite;
}

@keyframes stm-dt-view-spin {
	to { transform: rotate(360deg); }
}

#stm-dashboard-root .stm-sidebar-view-item.is-drag-over .stm-sidebar-view-row {
	background: #f2f4f7;
	border-radius: 8px;
}

#stm-dashboard-root .stm-sidebar-view-item.is-menu-open .stm-sidebar-view-row {
	box-shadow: inset 0 0 0 1px #84caff;
	border-radius: 8px;
}

#stm-dashboard-root .stm-sidebar-view-item.is-sidebar-bg-red .stm-sidebar-view-row { background-color: #fef3f2; border-radius: 8px; }
#stm-dashboard-root .stm-sidebar-view-item.is-sidebar-bg-rose .stm-sidebar-view-row { background-color: #fff1f3; border-radius: 8px; }
#stm-dashboard-root .stm-sidebar-view-item.is-sidebar-bg-orange .stm-sidebar-view-row { background-color: #fff6ed; border-radius: 8px; }
#stm-dashboard-root .stm-sidebar-view-item.is-sidebar-bg-amber .stm-sidebar-view-row { background-color: #fffaeb; border-radius: 8px; }
#stm-dashboard-root .stm-sidebar-view-item.is-sidebar-bg-yellow .stm-sidebar-view-row { background-color: #fefce8; border-radius: 8px; }
#stm-dashboard-root .stm-sidebar-view-item.is-sidebar-bg-lime .stm-sidebar-view-row { background-color: #f7fee7; border-radius: 8px; }
#stm-dashboard-root .stm-sidebar-view-item.is-sidebar-bg-green .stm-sidebar-view-row { background-color: #ecfdf3; border-radius: 8px; }
#stm-dashboard-root .stm-sidebar-view-item.is-sidebar-bg-mint .stm-sidebar-view-row { background-color: #edfcf2; border-radius: 8px; }
#stm-dashboard-root .stm-sidebar-view-item.is-sidebar-bg-teal .stm-sidebar-view-row { background-color: #f0fdf9; border-radius: 8px; }
#stm-dashboard-root .stm-sidebar-view-item.is-sidebar-bg-cyan .stm-sidebar-view-row { background-color: #ecfeff; border-radius: 8px; }
#stm-dashboard-root .stm-sidebar-view-item.is-sidebar-bg-sky .stm-sidebar-view-row { background-color: #f0f9ff; border-radius: 8px; }
#stm-dashboard-root .stm-sidebar-view-item.is-sidebar-bg-blue .stm-sidebar-view-row { background-color: #eff8ff; border-radius: 8px; }
#stm-dashboard-root .stm-sidebar-view-item.is-sidebar-bg-indigo .stm-sidebar-view-row { background-color: #eef4ff; border-radius: 8px; }
#stm-dashboard-root .stm-sidebar-view-item.is-sidebar-bg-purple .stm-sidebar-view-row { background-color: #f4f3ff; border-radius: 8px; }
#stm-dashboard-root .stm-sidebar-view-item.is-sidebar-bg-violet .stm-sidebar-view-row { background-color: #f5f3ff; border-radius: 8px; }
#stm-dashboard-root .stm-sidebar-view-item.is-sidebar-bg-pink .stm-sidebar-view-row { background-color: #fdf2fa; border-radius: 8px; }
#stm-dashboard-root .stm-sidebar-view-item.is-sidebar-bg-fuchsia .stm-sidebar-view-row { background-color: #fdf4ff; border-radius: 8px; }
#stm-dashboard-root .stm-sidebar-view-item.is-sidebar-bg-brown .stm-sidebar-view-row { background-color: #fef6ee; border-radius: 8px; }
#stm-dashboard-root .stm-sidebar-view-item.is-sidebar-bg-gray .stm-sidebar-view-row { background-color: #f9fafb; border-radius: 8px; }
#stm-dashboard-root .stm-sidebar-view-item.is-sidebar-bg-slate .stm-sidebar-view-row { background-color: #f8fafc; border-radius: 8px; }
#stm-dashboard-root .stm-sidebar-view-item.is-sidebar-bg-black .stm-sidebar-view-row { background-color: #f2f4f7; border-radius: 8px; }

#stm-dashboard-root .stm-sidebar-nav__add-view-btn {
	background: linear-gradient(180deg, #f5faff 0%, #eff8ff 100%);
	color: #175cd3;
	box-shadow: inset 1px 0 0 #bfdbfe;
}

#stm-dashboard-root .stm-sidebar-nav__add-view-btn:hover,
#stm-dashboard-root .stm-sidebar-nav__add-view-btn:focus-visible {
	background: linear-gradient(180deg, #e0f2fe 0%, #d1e9ff 100%);
	color: #1849a9;
	box-shadow: inset 1px 0 0 #93c5fd, 0 0 0 2px rgba(23, 92, 211, 0.12);
}

#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar-nav__views-hint,
#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar-view-drag,
#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar-view-menu-btn,
#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar-view-delete {
	display: none;
}

#stm-dashboard-root .stm-sidebar-nav__link-wrap .stm-sidebar-nav__ai-btn:not(:last-child) {
	border-radius: 0;
	box-shadow: inset 1px 0 0 #e9d5ff;
}

#stm-dashboard-root .stm-sidebar-nav__link-wrap .stm-sidebar-nav__add-view-btn:not(:last-child) {
	box-shadow: inset 1px 0 0 #bfdbfe;
}

#stm-dashboard-root .stm-sidebar-nav__group.is-open > .stm-sidebar-nav__link-wrap .stm-sidebar-nav__link {
	border-radius: 10px 0 0 10px;
	flex: 1 1 auto;
	min-width: 0;
	color: var(--stm-sidebar-text-active) !important;
	font-weight: 600;
}

#stm-dashboard-root .stm-sidebar-nav__link-wrap {
	display: flex;
	align-items: stretch;
	gap: 0;
	margin: 0 0.15rem 0.15rem 0;
}

#stm-dashboard-root .stm-sidebar-nav__ai-btn {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.85rem;
	border: 0;
	border-radius: 0 10px 10px 0;
	background: linear-gradient(180deg, #faf5ff 0%, #f3e8ff 100%);
	color: #7e22ce;
	cursor: pointer;
	transition: background 0.12s ease, color 0.12s ease, box-shadow 0.12s ease;
	box-shadow: inset 1px 0 0 #e9d5ff;
}

#stm-dashboard-root .stm-sidebar-nav__ai-btn:hover,
#stm-dashboard-root .stm-sidebar-nav__ai-btn:focus-visible {
	background: linear-gradient(180deg, #f3e8ff 0%, #ede9fe 100%);
	color: #6b21a8;
	box-shadow: inset 1px 0 0 #d8b4fe, 0 0 0 2px rgba(126, 34, 206, 0.15);
	outline: none;
}

#stm-dashboard-root.is-sidebar-collapsed .stm-sidebar-nav__ai-btn {
	display: none;
}

#stm-dashboard-root .stm-dt-ai-view-modal__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.75rem;
	height: 1.75rem;
	border-radius: 8px;
	background: linear-gradient(135deg, #f3e8ff 0%, #ede9fe 100%);
	color: #7e22ce;
}

#stm-dashboard-root .stm-dt-ai-view-preview {
	padding: 0.65rem 0.75rem;
	border-radius: 10px;
	background: #f8fafc;
	border: 1px solid #eef2f6;
}

#stm-dashboard-root .stm-dt-ai-view-preview__label {
	font-size: 0.68rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #667085;
	margin-bottom: 0.2rem;
}

#stm-dashboard-root .stm-dt-ai-view-preview__summary {
	color: #344054;
	font-weight: 500;
}

#stm-dashboard-root .stm-dt-ai-view-confirm-card {
	padding: 0.6rem 0.7rem;
	border-radius: 10px;
	border: 1px solid #e4e7ec;
	background: #fff;
	margin-bottom: 0.45rem;
}

#stm-dashboard-root .stm-dt-ai-view-confirm-card.is-accepted {
	border-color: #abefc6;
	background: #f6fef9;
}

#stm-dashboard-root .stm-dt-ai-view-confirm-card.is-rejected {
	opacity: 0.55;
}

#stm-dashboard-root .stm-dt-ai-view-confirm-card__actions {
	display: flex;
	gap: 0.35rem;
}

#stm-dashboard-root .stm-dt-ai-view-confirm-card__alts {
	margin-top: 0.35rem;
}

#stm-dashboard-root .stm-dt-ai-view-confirm-options {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	max-height: 12rem;
	overflow: auto;
}

#stm-dashboard-root .stm-dt-ai-view-option {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	width: 100%;
	text-align: left;
	border: 1px solid #e4e7ec;
	background: #fff;
	border-radius: 8px;
	padding: 0.45rem 0.6rem;
	font-size: 0.78rem;
	color: #344054;
	cursor: pointer;
	transition: border-color 0.12s ease, background 0.12s ease;
}

#stm-dashboard-root .stm-dt-ai-view-option:hover {
	border-color: #b2ddff;
	background: #f5faff;
}

#stm-dashboard-root .stm-dt-ai-view-option.is-suggested {
	border-color: #d0d5dd;
}

#stm-dashboard-root .stm-dt-ai-view-option.is-selected {
	border-color: #53b1fd;
	background: #eff8ff;
	box-shadow: 0 0 0 1px #84caff;
}

#stm-dashboard-root .stm-dt-ai-view-option__main {
	font-weight: 600;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#stm-dashboard-root .stm-dt-ai-view-option__meta {
	flex: 0 0 auto;
	font-size: 0.68rem;
	color: #667085;
	background: #f2f4f7;
	border-radius: 999px;
	padding: 0.1rem 0.4rem;
}

#stm-dashboard-root .stm-dt-ai-view-examples .btn-link {
	font-size: inherit;
	vertical-align: baseline;
}

#stm-dashboard-root #stm-dt-filter-btn.is-active {
	background: #ecfdf3;
	color: #027a48;
	border-color: #abefc6;
}

#stm-dashboard-root #stm-dt-sort-btn.is-active {
	background: #fffaeb;
	color: #b54708;
	border-color: #fec84b;
}

#stm-dashboard-root .stm-dt-hidden-fields-btn.is-active {
	background: #eff8ff;
	color: #175cd3;
}

#stm-dashboard-root .stm-dt-label-settings-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	padding: 0.2rem 0.45rem;
	font-size: 0.78rem;
	white-space: nowrap;
}

#stm-dashboard-root .stm-dt-toolbar__meta {
	display: flex;
	align-items: center;
	gap: 0.32rem;
	margin-left: auto;
	flex: 0 0 auto;
	flex-shrink: 0;
}

#stm-dashboard-root .stm-dt-toolbar__total {
	font-size: 0.6875rem;
	font-weight: 500;
	color: var(--stm-text-muted);
	white-space: nowrap;
	padding: 0.18rem 0.45rem;
	border-radius: 6px;
	background: color-mix(in srgb, var(--stm-surface-muted, #f2f4f7) 88%, #fff);
	border: 1px solid color-mix(in srgb, var(--stm-border, #e5e7eb) 78%, transparent);
	line-height: 1.25;
}

#stm-dashboard-root .stm-dt-tabs-row {
	--stm-dt-tabs-accent: #1a73e8;
	--stm-dt-tabs-ink: #1f2937;
	--stm-dt-tabs-muted: #6b7280;
	--stm-dt-tabs-line: rgba(15, 23, 42, 0.08);
	--stm-dt-tabs-wash: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 0.75rem;
	min-height: 2rem;
	padding: 0 0.1rem 0 0.25rem;
	border-radius: 6px;
	border: 1px solid var(--stm-dt-tabs-line);
	background: var(--stm-dt-tabs-wash);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.75),
		0 1px 2px rgba(15, 23, 42, 0.04);
	overflow: hidden;
}

#stm-dashboard-root .stm-dt-tabs-rail {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	align-items: stretch;
	overflow: hidden;
}

#stm-dashboard-root .stm-dt-tabs {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	min-height: 100%;
	flex: 1 1 auto;
	min-width: 0;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
}

#stm-dashboard-root .stm-dt-tabs-add {
	appearance: none;
	flex: 0 0 auto;
	align-self: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.7rem;
	height: 1.7rem;
	margin: 0 0.35rem 0 0.15rem;
	padding: 0;
	border: 0;
	border-radius: 7px;
	background: transparent;
	color: var(--stm-dt-tabs-muted);
	cursor: pointer;
	position: relative;
	z-index: 2;
	box-shadow: -10px 0 12px -6px rgba(248, 250, 252, 0.95);
	transition: color 0.15s ease, background 0.15s ease;
}

#stm-dashboard-root .stm-dt-tabs-add::before {
	content: "";
	position: absolute;
	left: -0.55rem;
	top: 50%;
	width: 1px;
	height: 0.85rem;
	transform: translateY(-50%);
	background: rgba(15, 23, 42, 0.12);
	pointer-events: none;
}

#stm-dashboard-root .stm-dt-tabs-add:hover,
#stm-dashboard-root .stm-dt-tabs-add:focus-visible {
	color: var(--stm-dt-tabs-ink);
	background: rgba(15, 23, 42, 0.05);
	outline: none;
}

#stm-dashboard-root .stm-dt-tabs__item {
	display: inline-flex;
	align-items: center;
	position: relative;
	flex: 0 0 auto;
	margin: 0;
	padding: 0 0.15rem 0 0;
}

#stm-dashboard-root .stm-dt-tabs__item[draggable="true"] {
	cursor: grab;
}

#stm-dashboard-root .stm-dt-tabs__item.is-dragging {
	opacity: 0.45;
	cursor: grabbing;
}

#stm-dashboard-root .stm-dt-tabs__item.is-drag-over > .stm-dt-tab {
	box-shadow: inset 2px 0 0 #1a73e8;
}

#stm-dashboard-root .stm-dt-tabs__item + .stm-dt-tabs__item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 0.85rem;
	transform: translateY(-50%);
	background: rgba(15, 23, 42, 0.12);
	pointer-events: none;
}

#stm-dashboard-root .stm-dt-tab {
	appearance: none;
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	max-width: 13rem;
	height: 100%;
	margin: 0;
	padding: 0.65rem 0.7rem 0.55rem 0.85rem;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--stm-dt-tabs-muted);
	font-size: 0.78rem;
	font-weight: 500;
	letter-spacing: 0.01em;
	line-height: 1.2;
	cursor: pointer;
	position: relative;
	transition: color 0.15s ease;
}

#stm-dashboard-root .stm-dt-tab::after {
	content: "";
	position: absolute;
	left: 0.7rem;
	right: 0.55rem;
	bottom: 0;
	height: 2px;
	border-radius: 2px 2px 0 0;
	background: transparent;
	transform: scaleX(0.72);
	opacity: 0;
	transition: opacity 0.16s ease, transform 0.16s ease, background 0.16s ease;
}

#stm-dashboard-root .stm-dt-tab:hover {
	color: var(--stm-dt-tabs-ink);
}

#stm-dashboard-root .stm-dt-tab.is-active {
	color: var(--stm-dt-tabs-ink);
	font-weight: 650;
}

#stm-dashboard-root .stm-dt-tab.is-active::after {
	opacity: 1;
	transform: scaleX(1);
	background: linear-gradient(90deg, var(--stm-dt-tabs-accent), #4f8ff7);
	box-shadow: 0 0 0 1px rgba(26, 115, 232, 0.08), 0 -2px 8px rgba(26, 115, 232, 0.18);
}

#stm-dashboard-root .stm-dt-tab__name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#stm-dashboard-root .stm-dt-tab__menu {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.15rem;
	height: 1.15rem;
	margin: 0 0.35rem 0 -0.2rem;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: rgba(107, 114, 128, 0.75);
	opacity: 0;
	cursor: pointer;
	transition: opacity 0.12s ease, background 0.12s ease, color 0.12s ease;
}

#stm-dashboard-root .stm-dt-tabs__item:hover .stm-dt-tab__menu,
#stm-dashboard-root .stm-dt-tabs__item.is-active .stm-dt-tab__menu,
#stm-dashboard-root .stm-dt-tab__menu:focus-visible {
	opacity: 1;
}

#stm-dashboard-root .stm-dt-tab__menu:hover,
#stm-dashboard-root .stm-dt-tab__menu:focus-visible {
	color: var(--stm-dt-tabs-ink);
	background: rgba(15, 23, 42, 0.06);
	outline: none;
}

#stm-dashboard-root .stm-dt-tabs-tools {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	flex: 0 0 auto;
	padding: 0 0.45rem 0 0.25rem;
	border-left: 1px solid var(--stm-dt-tabs-line);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.2));
}

#stm-dashboard-root .stm-dt-tabs-tool {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.7rem;
	height: 1.7rem;
	padding: 0;
	border: 1px solid transparent;
	border-radius: 7px;
	background: transparent;
	color: var(--stm-dt-tabs-muted);
	cursor: pointer;
	transition: color 0.12s ease, background 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
}

#stm-dashboard-root .stm-dt-tabs-tool:hover,
#stm-dashboard-root .stm-dt-tabs-tool:focus-visible {
	color: var(--stm-dt-tabs-ink);
	background: #fff;
	border-color: rgba(15, 23, 42, 0.08);
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
	outline: none;
}

#stm-dashboard-root .stm-dt-manage-fields {
	appearance: none;
	display: inline-flex;
	align-items: center;
	gap: 0.28rem;
	height: 1.7rem;
	padding: 0 0.65rem 0 0.75rem;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 999px;
	background: #fff;
	color: var(--stm-dt-tabs-ink);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	line-height: 1;
	cursor: pointer;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
	transition: border-color 0.12s ease, box-shadow 0.12s ease, color 0.12s ease, background 0.12s ease;
}

#stm-dashboard-root .stm-dt-manage-fields:hover,
#stm-dashboard-root .stm-dt-manage-fields:focus-visible {
	border-color: rgba(26, 115, 232, 0.35);
	color: #1558b0;
	box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.12);
	outline: none;
}

#stm-dashboard-root .stm-dt-manage-fields svg {
	opacity: 0.65;
}

#stm-dt-fields-view {
	display: block;
	width: 100%;
	min-height: 0;
}

#stm-dt-fields-view.d-none,
#stm-dt-sheet-view.d-none {
	display: none !important;
}

#stm-data-table-root.is-fields-manager .stm-dt-sheet-view {
	display: none !important;
}

#stm-dt-fields-view .stm-dt-fm {
	--stm-fm-ink: #111827;
	--stm-fm-muted: #6b7280;
	--stm-fm-line: #e5e7eb;
	--stm-fm-wash: #f8fafc;
	--stm-fm-accent: #2563eb;
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: none;
	margin: 0;
	border-radius: 0;
	overflow: visible;
	background: transparent;
}

#stm-dt-fields-view .stm-dt-fm--page {
	padding: 0 0 1.5rem;
	box-sizing: border-box;
}

#stm-dt-fields-view .stm-dt-fm__header {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.65rem;
	padding: 0.15rem 0 0.85rem;
	flex: 0 0 auto;
	border-bottom: 1px solid var(--stm-fm-line);
	margin-bottom: 0.85rem;
}

#stm-dt-fields-view .stm-dt-fm__back {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding-left: 0.35rem;
	padding-right: 0.55rem;
	color: var(--stm-fm-ink);
}

#stm-dt-fields-view .stm-dt-fm__heading {
	min-width: 0;
	flex: 1 1 auto;
	padding-right: 0;
	width: 100%;
}

#stm-dt-fields-view .stm-dt-fm__title {
	font-size: 1.15rem;
	font-weight: 650;
	letter-spacing: -0.02em;
	color: var(--stm-fm-ink);
	margin: 0;
	line-height: 1.25;
}

#stm-dt-fields-view .stm-dt-fm__sub {
	margin-top: 0.2rem;
	font-size: 0.75rem;
	color: var(--stm-fm-muted);
	line-height: 1.35;
}

#stm-dt-fields-view .stm-dt-fm__body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
	padding: 0;
	overflow: visible;
}

#stm-dt-fields-view .stm-dt-fm__toolbar {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	flex-wrap: wrap;
	margin-bottom: 0.55rem;
	flex: 0 0 auto;
}

#stm-dt-fields-view .stm-dt-fm__search-wrap {
	position: relative;
	flex: 1 1 12rem;
	min-width: 10rem;
	max-width: 22rem;
}

#stm-dt-fields-view .stm-dt-fm__search-icon {
	position: absolute;
	left: 0.7rem;
	top: 50%;
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	color: #9ca3af;
	pointer-events: none;
	z-index: 2;
	display: block;
}

#stm-dt-fields-view .stm-dt-fm__search {
	padding: 0.35rem 0.75rem 0.35rem 2.4rem !important;
	height: 2rem;
	font-size: 0.78rem;
	line-height: 1.25;
	border-radius: 8px;
	background: var(--stm-fm-wash);
}

#stm-dt-fields-view .stm-dt-fm__search:focus {
	background: #fff;
}

#stm-dt-fields-view .stm-dt-fm__count {
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--stm-fm-muted);
	letter-spacing: 0.01em;
	white-space: nowrap;
	margin-left: auto;
}

#stm-dt-fields-view .stm-dt-fm__add {
	padding: 0.28rem 0.7rem;
	font-size: 0.75rem;
	font-weight: 600;
	border-radius: 7px;
}

#stm-dt-fields-view .stm-dt-fm__list-head,
#stm-dt-fields-view .stm-dt-fm__row {
	display: grid;
	grid-template-columns: 1.35rem 2.5rem minmax(0, 1fr) 6.25rem 7.25rem;
	align-items: center;
	gap: 0.35rem;
	padding: 0 0.45rem;
}

#stm-dt-fields-view .stm-dt-fm__list-head {
	margin-bottom: 0.25rem;
	font-size: 0.65rem;
	font-weight: 650;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #9ca3af;
	flex: 0 0 auto;
}

#stm-dt-fields-view .stm-dt-fm__list {
	display: flex;
	flex-direction: column;
	gap: 0.28rem;
	flex: 1 1 auto;
	min-height: 12rem;
	max-height: min(58vh, 36rem);
	overflow: auto;
	padding: 0.15rem 0 0.35rem;
	margin: 0;
}

#stm-dt-fields-view .stm-dt-fm__row {
	min-height: 2.15rem;
	border: 1px solid var(--stm-fm-line);
	border-radius: 9px;
	background: #fff;
	transition:
		border-color 140ms ease,
		box-shadow 140ms ease,
		background 140ms ease,
		transform 140ms ease;
	user-select: none;
}

#stm-dt-fields-view .stm-dt-fm__row:hover {
	border-color: #d1d5db;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

#stm-dt-fields-view .stm-dt-fm__row.is-dragging {
	opacity: 0.55;
	border-style: dashed;
}

#stm-dt-fields-view .stm-dt-fm__row.is-drop-before {
	box-shadow: inset 0 2px 0 var(--stm-fm-accent);
}

#stm-dt-fields-view .stm-dt-fm__row.is-drop-after {
	box-shadow: inset 0 -2px 0 var(--stm-fm-accent);
}

#stm-dt-fields-view .stm-dt-fm__drag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.15rem;
	height: 1.35rem;
	padding: 0;
	border: 0;
	background: transparent;
	color: #9ca3af;
	cursor: grab;
	border-radius: 4px;
	line-height: 1;
}

#stm-dt-fields-view .stm-dt-fm__drag:active {
	cursor: grabbing;
}

#stm-dt-fields-view .stm-dt-fm__drag:hover,
#stm-dt-fields-view .stm-dt-fm__drag:focus-visible {
	color: #374151;
	background: var(--stm-fm-wash);
	outline: none;
}

#stm-dt-fields-view .stm-dt-fm__order {
	width: 100%;
	max-width: 2.35rem;
	height: 1.55rem;
	padding: 0 0.2rem;
	border: 1px solid var(--stm-fm-line);
	border-radius: 6px;
	background: var(--stm-fm-wash);
	text-align: center;
	font-size: 0.72rem;
	font-weight: 650;
	font-variant-numeric: tabular-nums;
	color: var(--stm-fm-ink);
	line-height: 1.55rem;
}

#stm-dt-fields-view .stm-dt-fm__order:focus {
	outline: none;
	border-color: #93c5fd;
	background: #fff;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

#stm-dt-fields-view .stm-dt-fm__field {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	min-width: 0;
}

#stm-dt-fields-view .stm-dt-fm__icon {
	flex: 0 0 auto;
	width: 1.35rem;
	height: 1.35rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	background: var(--stm-fm-wash);
	border: 1px solid var(--stm-fm-line);
	font-size: 0.7rem;
	color: #4b5563;
}

#stm-dt-fields-view .stm-dt-fm__name {
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--stm-fm-ink);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: -0.01em;
}

#stm-dt-fields-view .stm-dt-fm__badge {
	display: inline-flex;
	align-items: center;
	justify-self: start;
	max-width: 100%;
	padding: 0.12rem 0.4rem;
	border-radius: 999px;
	border: 1px solid var(--stm-fm-line);
	background: var(--stm-fm-wash);
	font-size: 0.65rem;
	font-weight: 600;
	color: var(--stm-fm-muted);
	text-transform: lowercase;
	letter-spacing: 0.01em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#stm-dt-fields-view .stm-dt-fm__badge.is-system {
	border-color: #bfdbfe;
	background: #eff6ff;
	color: #1d4ed8;
}

#stm-dt-fields-view .stm-dt-fm__actions {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.15rem;
}

#stm-dt-fields-view .stm-dt-fm__icon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.55rem;
	height: 1.55rem;
	padding: 0;
	border: 0;
	border-radius: 6px;
	background: transparent;
	color: #6b7280;
	line-height: 1;
}

#stm-dt-fields-view .stm-dt-fm__icon-btn:hover,
#stm-dt-fields-view .stm-dt-fm__icon-btn:focus-visible {
	background: var(--stm-fm-wash);
	color: var(--stm-fm-ink);
	outline: none;
}

#stm-dt-fields-view .stm-dt-fm__icon-btn.is-danger:hover,
#stm-dt-fields-view .stm-dt-fm__icon-btn.is-danger:focus-visible {
	background: #fef2f2;
	color: #b91c1c;
}

#stm-dt-fields-view .stm-dt-fm__lock {
	font-size: 0.65rem;
	font-weight: 650;
	color: #93c5fd;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	padding: 0 0.2rem;
}

#stm-dt-fields-view .stm-dt-fm__empty {
	margin: 0.35rem 0;
	padding: 1.25rem 0.75rem;
	text-align: center;
	font-size: 0.8125rem;
	color: var(--stm-fm-muted);
	border: 1px dashed var(--stm-fm-line);
	border-radius: 10px;
	background: var(--stm-fm-wash);
}

#stm-dt-fields-view .stm-dt-fm__bulk {
	margin-top: 0.75rem;
	border: 1px solid var(--stm-fm-line);
	border-radius: 10px;
	background: var(--stm-fm-wash);
	overflow: visible;
	flex: 0 0 auto;
}

#stm-dt-fields-view .stm-dt-fm__body:has(#stm-dt-fm-webhook[open]) .stm-dt-fm__list {
	flex: 0 1 auto;
	min-height: 6rem;
	max-height: min(14rem, 28vh);
}

#stm-dt-fields-view .stm-dt-fm__bulk-sum {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.55rem 0.7rem;
	font-size: 0.78rem;
	font-weight: 650;
	color: var(--stm-fm-ink);
	cursor: pointer;
	list-style: none;
}

#stm-dt-fields-view .stm-dt-fm__bulk-sum::-webkit-details-marker {
	display: none;
}

#stm-dt-fields-view .stm-dt-fm__bulk-hint {
	font-size: 0.68rem;
	font-weight: 500;
	color: var(--stm-fm-muted);
}

#stm-dt-fields-view .stm-dt-fm__bulk-body {
	padding: 0 0.7rem 0.7rem;
}

#stm-dt-fields-view .stm-dt-fm__bulk-input {
	font-size: 0.75rem;
	border-radius: 8px;
	background: #fff;
}

#stm-dt-fields-view .stm-dt-fm__bulk-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	margin-top: 0.45rem;
}

#stm-dt-fields-view .stm-dt-fm__webhook-row {
	display: grid;
	gap: 0.25rem;
	margin-bottom: 0.55rem;
}

#stm-dt-fields-view .stm-dt-fm__webhook-copy {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 0.35rem;
	align-items: center;
}

#stm-dt-fields-view .stm-dt-fm__webhook-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4rem;
	margin: 0.35rem 0 0.65rem;
}

#stm-dt-fields-view .stm-dt-fm__webhook-enable {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	margin-right: 0.35rem;
	padding: 0.28rem 0.55rem 0.28rem 0.35rem;
	border-radius: 999px;
	border: 1px solid rgba(15, 23, 42, 0.1);
	background: rgba(240, 253, 244, 0.9);
	cursor: pointer;
	user-select: none;
}

#stm-dt-fields-view .stm-dt-fm__webhook-enable.is-off {
	background: rgba(254, 242, 242, 0.95);
	border-color: rgba(185, 28, 28, 0.18);
}

#stm-dt-fields-view .stm-dt-fm__webhook-enable-switch {
	position: relative;
	display: inline-flex;
	width: 2.1rem;
	height: 1.2rem;
	flex: 0 0 auto;
}

#stm-dt-fields-view .stm-dt-fm__webhook-enable-switch input {
	position: absolute;
	inset: 0;
	opacity: 0;
	margin: 0;
	cursor: pointer;
	z-index: 2;
}

#stm-dt-fields-view .stm-dt-fm__webhook-enable-slider {
	position: absolute;
	inset: 0;
	border-radius: 999px;
	background: #94a3b8;
	transition: background 0.15s ease;
}

#stm-dt-fields-view .stm-dt-fm__webhook-enable-slider::after {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: 0.85rem;
	height: 0.85rem;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.2);
	transition: transform 0.15s ease;
}

#stm-dt-fields-view .stm-dt-fm__webhook-enable-switch input:checked + .stm-dt-fm__webhook-enable-slider {
	background: #16a34a;
}

#stm-dt-fields-view .stm-dt-fm__webhook-enable-switch input:checked + .stm-dt-fm__webhook-enable-slider::after {
	transform: translateX(0.9rem);
}

#stm-dt-fields-view .stm-dt-fm__webhook-enable-copy {
	display: flex;
	flex-direction: column;
	gap: 0.05rem;
	line-height: 1.15;
	min-width: 0;
}

#stm-dt-fields-view .stm-dt-fm__webhook-enable-copy strong {
	font-size: 0.78rem;
	font-weight: 650;
	color: #166534;
}

#stm-dt-fields-view .stm-dt-fm__webhook-enable.is-off .stm-dt-fm__webhook-enable-copy strong {
	color: #b91c1c;
}

#stm-dt-fields-view .stm-dt-fm__webhook-enable-copy small {
	font-size: 0.66rem;
	color: #64748b;
}

#stm-dt-fields-view .stm-dt-fm__webhook-off-banner {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.35rem 0.55rem;
	margin: 0 0 0.75rem;
	padding: 0.55rem 0.7rem;
	border-radius: 8px;
	border: 1px solid rgba(185, 28, 28, 0.2);
	background: rgba(254, 242, 242, 0.95);
	color: #7f1d1d;
	font-size: 0.78rem;
}

#stm-dt-fields-view .stm-dt-fm__webhook-off-banner strong {
	font-weight: 700;
}

#stm-dt-fields-view .stm-dt-wh-profiles__item {
	display: inline-flex;
	align-items: stretch;
	border-radius: 8px;
	border: 1px solid rgba(15, 23, 42, 0.1);
	background: #fff;
	overflow: hidden;
}

#stm-dt-fields-view .stm-dt-wh-profiles__item.is-active {
	border-color: rgba(37, 99, 235, 0.45);
	box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.12);
}

#stm-dt-fields-view .stm-dt-wh-profiles__item.is-disabled {
	opacity: 0.78;
}

#stm-dt-fields-view .stm-dt-wh-profiles__tab {
	border: 0;
	border-radius: 0;
	background: transparent;
}

#stm-dt-fields-view .stm-dt-wh-profiles__item.is-active .stm-dt-wh-profiles__tab {
	background: rgba(37, 99, 235, 0.08);
	color: #1d4ed8;
}

#stm-dt-fields-view .stm-dt-wh-profiles__power {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.7rem;
	border: 0;
	border-left: 1px solid rgba(15, 23, 42, 0.08);
	background: rgba(248, 250, 252, 0.95);
	color: #94a3b8;
	cursor: pointer;
}

#stm-dt-fields-view .stm-dt-wh-profiles__power:hover {
	background: rgba(254, 242, 242, 0.95);
	color: #b91c1c;
}

#stm-dt-fields-view .stm-dt-wh-profiles__power.is-on {
	color: #16a34a;
}

#stm-dt-fields-view .stm-dt-wh-profiles__power.is-on:hover {
	background: rgba(240, 253, 244, 0.95);
	color: #15803d;
}

#stm-dt-fields-view .stm-dt-wh-profiles__off {
	font-size: 0.62rem;
	font-weight: 700;
	text-transform: uppercase;
	color: #b91c1c;
	letter-spacing: 0.03em;
}

/* section */
#stm-dt-fields-view .stm-dt-wh-profiles {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem 0.75rem;
	margin: 0 0 0.75rem;
	padding: 0.55rem 0.6rem;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 10px;
	background: rgba(248, 250, 252, 0.85);
}

#stm-dt-fields-view .stm-dt-wh-profiles__bar {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	min-width: 0;
	flex: 1 1 auto;
}

#stm-dt-fields-view .stm-dt-wh-profiles__tab {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	padding: 0.28rem 0.62rem;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #334155;
	font-size: 0.74rem;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
}

#stm-dt-fields-view .stm-dt-wh-profiles__tab:hover,
#stm-dt-fields-view .stm-dt-wh-profiles__tab:focus-visible {
	color: #1d4ed8;
}

#stm-dt-fields-view .stm-dt-wh-profiles__off {
	font-size: 0.62rem;
	font-weight: 700;
	text-transform: uppercase;
	color: #b91c1c;
	letter-spacing: 0.03em;
}

#stm-dt-fields-view .stm-dt-wh-profiles__create {
	flex: 1 1 100%;
	display: grid;
	gap: 0.35rem;
	margin-top: 0.15rem;
}

#stm-dt-fields-view .stm-dt-wh-profiles__create-row {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	align-items: center;
}

#stm-dt-fields-view .stm-dt-wh-profiles__create-row input {
	flex: 1 1 180px;
	min-width: 0;
	max-width: 320px;
}

#stm-dt-fields-view .stm-dt-wh-profiles__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
}

#stm-dt-fields-view .stm-dt-wh-defaults,
#stm-dt-fields-view .stm-dt-wh-docs,
#stm-dt-fields-view .stm-dt-wh-creds {
	margin: 0 0 0.85rem;
	padding: 0.55rem 0.65rem;
	border: 1px dashed rgba(15, 23, 42, 0.12);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.7);
}

#stm-dt-fields-view .stm-dt-wh-defaults__sum,
#stm-dt-fields-view .stm-dt-wh-docs__sum,
#stm-dt-fields-view .stm-dt-wh-creds__sum {
	cursor: pointer;
	font-size: 0.8rem;
	font-weight: 700;
	color: #0f172a;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.35rem 0.75rem;
}

#stm-dt-fields-view .stm-dt-wh-creds__sum::-webkit-details-marker {
	display: none;
}

#stm-dt-fields-view .stm-dt-wh-creds__hint {
	font-size: 0.68rem;
	font-weight: 600;
	color: #166534;
}

#stm-dt-fields-view .stm-dt-wh-creds__hint.is-off {
	color: #92400e;
}

#stm-dt-fields-view .stm-dt-wh-creds__body {
	margin-top: 0.55rem;
}

#stm-dt-fields-view .stm-dt-wh-docs__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	margin-bottom: 0.55rem;
}

#stm-dt-fields-view .stm-dt-wh-defaults__list {
	display: grid;
	gap: 0.45rem;
	margin-bottom: 0.55rem;
}

#stm-dt-fields-view .stm-dt-wh-defaults__row {
	display: grid;
	grid-template-columns: minmax(120px, 1fr) minmax(140px, 1.2fr) auto;
	gap: 0.4rem;
	align-items: center;
}

#stm-dt-fields-view .stm-dt-wh-defaults__row select,
#stm-dt-fields-view .stm-dt-wh-defaults__row input {
	min-width: 0;
}

#stm-dt-fields-view .stm-dt-fm__webhook-log-profile {
	display: inline-block;
	margin-right: 0.35rem;
	padding: 0.08rem 0.35rem;
	border-radius: 999px;
	background: rgba(37, 99, 235, 0.1);
	color: #1d4ed8;
	font-size: 0.68rem;
	font-weight: 700;
}

@media (max-width: 640px) {
	#stm-dt-fields-view .stm-dt-wh-defaults__row {
		grid-template-columns: 1fr;
	}

	#stm-dt-fields-view .stm-dt-wh-profiles__actions {
		width: 100%;
		justify-content: flex-end;
	}
}

/* section */
#stm-dt-fields-view .stm-dt-wh-map {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}

#stm-dt-fields-view .stm-dt-wh-map__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.25rem 0.5rem;
	margin: 0 0 0.25rem;
	padding: 0;
}

#stm-dt-fields-view .stm-dt-wh-map__title {
	margin: 0;
	font-size: 0.8rem;
	font-weight: 700;
	color: #0f172a;
	letter-spacing: -0.01em;
}

#stm-dt-fields-view .stm-dt-wh-map__sub {
	margin: 0;
	font-size: 0.68rem;
	line-height: 1.3;
	color: #64748b;
	max-width: 42rem;
}

#stm-dt-fields-view .stm-dt-wh-map__head-actions {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
}

#stm-dt-fields-view .stm-dt-wh-map__save-chip {
	display: inline-flex;
	align-items: center;
	min-height: 1.25rem;
	padding: 0 0.35rem;
	border-radius: 4px;
	font-size: 0.66rem;
	font-weight: 600;
	color: #166534;
	background: rgba(22, 163, 74, 0.12);
	opacity: 1;
	transition: opacity 0.35s ease;
}

#stm-dt-fields-view .stm-dt-wh-map__save-chip.is-saving {
	color: #1e40af;
	background: rgba(37, 99, 235, 0.1);
}

#stm-dt-fields-view .stm-dt-wh-map__save-chip.is-fade {
	opacity: 0;
}

#stm-dt-fields-view .stm-dt-wh-map__toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.25rem 0.5rem;
	margin: 0 0 0.25rem;
	padding: 0;
}

#stm-dt-fields-view .stm-dt-wh-map__sample-label {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	font-size: 0.68rem;
	color: #64748b;
	margin: 0;
}

#stm-dt-fields-view .stm-dt-wh-map__sample-label select {
	min-width: 11rem;
	max-width: 16rem;
	font-size: 0.72rem;
}

#stm-dt-fields-view .stm-dt-wh-map__chips {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 0.2rem;
}

#stm-dt-fields-view .stm-dt-wh-map__chip {
	display: inline-flex;
	align-items: center;
	padding: 0 0.3rem;
	border-radius: 3px;
	font-size: 0.64rem;
	font-weight: 650;
	letter-spacing: 0.01em;
	background: rgba(100, 116, 139, 0.1);
	color: #334155;
}

#stm-dt-fields-view .stm-dt-wh-map__chip.is-ok {
	background: rgba(22, 163, 74, 0.12);
	color: #166534;
}

#stm-dt-fields-view .stm-dt-wh-map__chip.is-warn {
	background: rgba(217, 119, 6, 0.14);
	color: #92400e;
}

#stm-dt-fields-view .stm-dt-wh-map__empty-card {
	padding: 0.5rem 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	text-align: left;
}

#stm-dt-fields-view .stm-dt-wh-map__empty-card strong {
	display: block;
	font-size: 0.8rem;
	color: #0f172a;
	margin: 0 0 0.15rem;
}

#stm-dt-fields-view .stm-dt-wh-map__empty-card p {
	font-size: 0.7rem;
	color: #64748b;
	line-height: 1.35;
	margin: 0;
}

#stm-dt-fields-view .stm-dt-wh-map__empty-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem;
	margin-top: 0.35rem;
}

#stm-dt-fields-view .stm-dt-wh-map__board {
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.25fr);
	gap: 0.55rem;
	margin: 0;
	padding: 0;
	align-items: start;
}

#stm-dt-fields-view .stm-dt-wh-map__col-head {
	font-size: 0.68rem;
	font-weight: 700;
	color: #475569;
	margin: 0 0 0.3rem;
}

#stm-dt-fields-view .stm-dt-wh-map__col-head--muted {
	margin-top: 0.55rem;
	color: #94a3b8;
	font-weight: 600;
}

#stm-dt-fields-view .stm-dt-wh-map__pool,
#stm-dt-fields-view .stm-dt-wh-map__drop--field {
	min-height: 2.4rem;
	padding: 0.3rem;
	border: 1px dashed rgba(15, 23, 42, 0.14);
	border-radius: 8px;
	background: rgba(248, 250, 252, 0.85);
	display: flex;
	flex-wrap: wrap;
	gap: 0.3rem;
	align-content: flex-start;
}

#stm-dt-fields-view .stm-dt-wh-map__pool--ignored {
	min-height: 1.8rem;
	background: rgba(248, 250, 252, 0.5);
	opacity: 0.92;
}

#stm-dt-fields-view .stm-dt-wh-map__pool.is-over,
#stm-dt-fields-view .stm-dt-wh-map__drop--field.is-over {
	border-color: rgba(37, 99, 235, 0.45);
	background: rgba(37, 99, 235, 0.06);
}

#stm-dt-fields-view .stm-dt-wh-map__pool-empty,
#stm-dt-fields-view .stm-dt-wh-map__drop-hint {
	font-size: 0.68rem;
	color: #94a3b8;
	padding: 0.2rem 0.15rem;
}

#stm-dt-fields-view .stm-dt-wh-map__fields {
	display: grid;
	gap: 0.35rem;
	max-height: min(70vh, 36rem);
	overflow: auto;
	padding-right: 0.1rem;
}

#stm-dt-fields-view .stm-dt-wh-map__field-card {
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 8px;
	background: #fff;
	padding: 0.35rem 0.4rem 0.4rem;
}

#stm-dt-fields-view .stm-dt-wh-map__field-card.is-match {
	border-color: rgba(37, 99, 235, 0.35);
	box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.1);
}

#stm-dt-fields-view .stm-dt-wh-map__field-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.35rem;
	margin-bottom: 0.25rem;
}

#stm-dt-fields-view .stm-dt-wh-map__field-title {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.25rem 0.4rem;
	min-width: 0;
}

#stm-dt-fields-view .stm-dt-wh-map__field-title strong {
	font-size: 0.74rem;
	color: #0f172a;
}

#stm-dt-fields-view .stm-dt-wh-map__field-type {
	font-size: 0.64rem;
	color: #64748b;
	font-weight: 600;
}

#stm-dt-fields-view .stm-dt-wh-map__merge-hint {
	margin-top: 0.2rem;
	font-size: 0.64rem;
	color: #2563eb;
	font-weight: 600;
}

#stm-dt-fields-view .stm-dt-wh-map__chip-key {
	display: inline-flex;
	flex-direction: column;
	gap: 0.05rem;
	max-width: 100%;
	padding: 0.22rem 1.25rem 0.22rem 0.35rem;
	border: 1px solid rgba(15, 23, 42, 0.12);
	border-radius: 6px;
	background: #fff;
	cursor: grab;
	position: relative;
	user-select: none;
}

#stm-dt-fields-view .stm-dt-wh-map__chip-key.is-dragging {
	opacity: 0.45;
}

#stm-dt-fields-view .stm-dt-wh-map__chip-key.is-unmapped {
	border-color: rgba(217, 119, 6, 0.35);
	background: rgba(255, 251, 235, 0.7);
}

#stm-dt-fields-view .stm-dt-wh-map__chip-key.is-ignored {
	opacity: 0.7;
}

#stm-dt-fields-view .stm-dt-wh-map__source-key {
	display: block;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 0.68rem;
	font-weight: 650;
	color: #0f172a;
	word-break: break-all;
	background: none;
	padding: 0;
}

#stm-dt-fields-view .stm-dt-wh-map__chip-sample {
	display: block;
	font-size: 0.62rem;
	color: #64748b;
	max-width: 12rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#stm-dt-fields-view .stm-dt-wh-map__chip-x {
	position: absolute;
	top: 0;
	right: 0;
	width: 1.1rem;
	height: 1.1rem;
	border: 0;
	background: transparent;
	color: #94a3b8;
	font-size: 0.85rem;
	line-height: 1;
	cursor: pointer;
	padding: 0;
}

#stm-dt-fields-view .stm-dt-wh-map__chip-x:hover {
	color: #dc2626;
}

#stm-dt-fields-view .stm-dt-wh-map__match {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.4rem;
	height: 1.4rem;
	border: 1px solid rgba(15, 23, 42, 0.1);
	border-radius: 3px;
	background: #fff;
	color: #94a3b8;
	cursor: pointer;
	padding: 0;
	font-size: 0.8rem;
	line-height: 1;
	flex-shrink: 0;
}

#stm-dt-fields-view .stm-dt-wh-map__match:hover,
#stm-dt-fields-view .stm-dt-wh-map__match:focus-visible {
	border-color: rgba(37, 99, 235, 0.4);
	color: #2563eb;
	outline: none;
}

#stm-dt-fields-view .stm-dt-wh-map__match.is-on {
	border-color: rgba(37, 99, 235, 0.45);
	background: rgba(37, 99, 235, 0.1);
	color: #1d4ed8;
}

#stm-dt-fields-view .stm-dt-wh-map__match:disabled {
	opacity: 0.35;
	cursor: not-allowed;
}

@media (max-width: 900px) {
	#stm-dt-fields-view .stm-dt-wh-map__board {
		grid-template-columns: 1fr;
	}
}

#stm-dt-fields-view .stm-dt-wh-map__preview {
	margin: 0.25rem 0 0;
	padding: 0;
	border-radius: 0;
	border: 0;
	border-top: 1px solid rgba(15, 23, 42, 0.08);
	background: transparent;
}

#stm-dt-fields-view .stm-dt-wh-map__preview > summary {
	cursor: pointer;
	padding: 0.25rem 0;
	font-size: 0.68rem;
	font-weight: 600;
	color: #475569;
	list-style: none;
}

#stm-dt-fields-view .stm-dt-wh-map__preview > summary::-webkit-details-marker {
	display: none;
}

#stm-dt-fields-view .stm-dt-wh-map__preview-body {
	margin: 0;
	padding: 0 0 0.25rem;
	font-size: 0.68rem;
	line-height: 1.35;
	max-height: 10rem;
	overflow: auto;
	white-space: pre-wrap;
	word-break: break-word;
}

#stm-dt-fields-view .stm-dt-fm__webhook-log-map {
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	color: #2563eb;
	font-size: 0.68rem;
	font-weight: 650;
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 2px;
}

#stm-dt-fields-view .stm-dt-fm__webhook-docs {
	display: block;
	width: 100%;
	box-sizing: border-box;
	min-height: 16rem;
	height: auto;
	font-size: 0.72rem;
	line-height: 1.45;
	border-radius: 8px;
	background: #fff;
	white-space: pre-wrap;
	overflow-x: hidden;
	overflow-y: auto;
	resize: vertical;
}

#stm-dt-fields-view .stm-dt-fm__webhook-logs {
	margin-top: 1rem;
	padding-top: 0.85rem;
	border-top: 1px solid rgba(15, 23, 42, 0.08);
}

#stm-dt-fields-view .stm-dt-fm__webhook-logs-head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.5rem 0.75rem;
	margin-bottom: 0.55rem;
}

#stm-dt-fields-view .stm-dt-fm__webhook-logs-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
}

#stm-dt-fields-view .stm-dt-fm__webhook-logs-list {
	display: grid;
	gap: 0.35rem;
	max-height: 18rem;
	overflow: auto;
}

#stm-dt-fields-view .stm-dt-fm__webhook-log-row {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 0.45rem 0.65rem;
	align-items: start;
	padding: 0.45rem 0.55rem;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 8px;
	background: #fff;
	cursor: pointer;
	text-align: left;
	width: 100%;
	font: inherit;
	color: inherit;
}

#stm-dt-fields-view .stm-dt-fm__webhook-log-row:hover,
#stm-dt-fields-view .stm-dt-fm__webhook-log-row.is-active {
	border-color: rgba(37, 99, 235, 0.35);
	background: rgba(37, 99, 235, 0.04);
}

#stm-dt-fields-view .stm-dt-fm__webhook-log-status {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 3.6rem;
	padding: 0.12rem 0.35rem;
	border-radius: 6px;
	font-size: 0.68rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	background: rgba(100, 116, 139, 0.12);
	color: #334155;
}

#stm-dt-fields-view .stm-dt-fm__webhook-log-status.is-ok {
	background: rgba(22, 163, 74, 0.12);
	color: #166534;
}

#stm-dt-fields-view .stm-dt-fm__webhook-log-status.is-partial {
	background: rgba(217, 119, 6, 0.14);
	color: #92400e;
}

#stm-dt-fields-view .stm-dt-fm__webhook-log-status.is-error,
#stm-dt-fields-view .stm-dt-fm__webhook-log-status.is-auth_fail,
#stm-dt-fields-view .stm-dt-fm__webhook-log-status.is-disabled,
#stm-dt-fields-view .stm-dt-fm__webhook-log-status.is-empty,
#stm-dt-fields-view .stm-dt-fm__webhook-log-status.is-limit,
#stm-dt-fields-view .stm-dt-fm__webhook-log-status.is-not_found {
	background: rgba(220, 38, 38, 0.1);
	color: #991b1b;
}

#stm-dt-fields-view .stm-dt-fm__webhook-log-main {
	min-width: 0;
}

#stm-dt-fields-view .stm-dt-fm__webhook-log-meta {
	font-size: 0.72rem;
	color: #64748b;
	line-height: 1.35;
}

#stm-dt-fields-view .stm-dt-fm__webhook-log-meta strong {
	color: #0f172a;
	font-weight: 600;
}

#stm-dt-fields-view .stm-dt-fm__webhook-log-time {
	font-size: 0.68rem;
	color: #94a3b8;
	white-space: nowrap;
}

#stm-dt-fields-view .stm-dt-fm__webhook-log-empty {
	font-size: 0.78rem;
	color: #64748b;
	padding: 0.55rem 0.15rem;
}

#stm-dt-fields-view .stm-dt-fm__webhook-log-detail,
#stm-dt-webhook-log-modal .stm-dt-fm__webhook-log-detail {
	margin: 0;
	padding: 0.65rem 0.75rem;
	border-radius: 8px;
	border: 1px solid rgba(15, 23, 42, 0.08);
	background: #0f172a;
	color: #e2e8f0;
	max-height: min(60vh, 28rem);
	overflow: auto;
	white-space: pre-wrap;
	word-break: break-word;
	font-size: 0.7rem;
	line-height: 1.45;
}

#stm-dt-webhook-log-modal .modal-body {
	padding-top: 0.65rem;
}

#stm-dt-fields-view .stm-dt-fields-bulk-preview {
	max-height: 9rem;
	overflow: auto;
	padding: 0.45rem 0.55rem;
	border-radius: 8px;
	border: 1px solid var(--stm-fm-line);
	background: #fff;
	white-space: pre-wrap;
	word-break: break-word;
}

@media (max-width: 640px) {
	#stm-dt-fields-view .stm-dt-fm__list-head,
	#stm-dt-fields-view .stm-dt-fm__row {
		grid-template-columns: 1.2rem 2.2rem minmax(0, 1fr) 0 6.75rem;
		gap: 0.25rem;
	}

	#stm-dt-fields-view .stm-dt-fm__col-type,
	#stm-dt-fields-view .stm-dt-fm__badge {
		visibility: hidden;
		overflow: hidden;
		padding: 0;
		border: 0;
		width: 0;
		min-width: 0;
	}

	#stm-dt-fields-view .stm-dt-fm__search-wrap {
		max-width: none;
		flex-basis: 100%;
	}
}

/* legacy selectors kept for safety */
#stm-dashboard-root .stm-dt-fields-manager-list {
	display: flex;
	flex-direction: column;
	gap: 0.28rem;
}

#stm-dashboard-root .stm-dt-fields-manager-item {
	display: none;
}

#stm-dashboard-root .stm-dt-grid-scroll {
	overflow: auto;
	flex: 1 1 auto;
	min-height: 0;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
}

#stm-dashboard-root .stm-dt-grid-shell:has(> .stm-dt-add-row-rail) .stm-dt-grid-scroll {
	padding-bottom: 0.35rem;
}

#stm-dashboard-root .stm-dt-grid-shell {
	flex: 1 1 auto;
	min-height: 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	border: 1px solid var(--stm-border, #d0d5dd);
	border-radius: 8px;
	overflow: hidden;
	background: var(--stm-surface, #fff);
	position: relative;
}

/* Hide/show kolom: transisi lebar + fade singkat */
#stm-dashboard-root #stm-data-table-root.is-cols-animating #stm-dt-table,
#stm-dashboard-root #stm-data-table-root.is-cols-animating #stm-dt-table-head,
#stm-dashboard-root #stm-data-table-root.is-cols-animating #stm-dt-table-foot {
	transition:
		width 200ms cubic-bezier(0.22, 1, 0.36, 1),
		min-width 200ms cubic-bezier(0.22, 1, 0.36, 1),
		max-width 200ms cubic-bezier(0.22, 1, 0.36, 1);
}

#stm-dashboard-root #stm-data-table-root.is-cols-animating:not(.is-cols-settled) .stm-dt-grid-head,
#stm-dashboard-root #stm-data-table-root.is-cols-animating:not(.is-cols-settled) .stm-dt-grid-scroll,
#stm-dashboard-root #stm-data-table-root.is-cols-animating:not(.is-cols-settled) .stm-dt-grid-foot {
	opacity: 0.62;
	transition: opacity 120ms ease;
}

#stm-dashboard-root #stm-data-table-root.is-cols-animating.is-cols-settled .stm-dt-grid-head,
#stm-dashboard-root #stm-data-table-root.is-cols-animating.is-cols-settled .stm-dt-grid-scroll,
#stm-dashboard-root #stm-data-table-root.is-cols-animating.is-cols-settled .stm-dt-grid-foot {
	opacity: 1;
	transition: opacity 180ms cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
	#stm-dashboard-root #stm-data-table-root.is-cols-animating #stm-dt-table,
	#stm-dashboard-root #stm-data-table-root.is-cols-animating #stm-dt-table-head,
	#stm-dashboard-root #stm-data-table-root.is-cols-animating #stm-dt-table-foot,
	#stm-dashboard-root #stm-data-table-root.is-cols-animating .stm-dt-grid-head,
	#stm-dashboard-root #stm-data-table-root.is-cols-animating .stm-dt-grid-scroll,
	#stm-dashboard-root #stm-data-table-root.is-cols-animating .stm-dt-grid-foot {
		transition: none;
		opacity: 1;
	}
}

/* section */
#stm-dashboard-root .stm-dt-grid-loading {
	position: absolute;
	inset: 0;
	z-index: 20;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
	background: color-mix(in srgb, var(--stm-surface, #fff) 92%, #e2e8f0);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition:
		opacity 140ms cubic-bezier(0.4, 0, 0.2, 1),
		visibility 140ms cubic-bezier(0.4, 0, 0.2, 1);
}

#stm-dashboard-root .stm-dt-grid-shell.is-loading .stm-dt-grid-loading {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

/* section */
#stm-dashboard-root .stm-dt-grid-shell.is-loading-instant .stm-dt-grid-loading {
	transition: none;
	opacity: 1;
	visibility: visible;
}

#stm-dashboard-root .stm-dt-grid-loading[hidden] {
	display: none !important;
}

#stm-dashboard-root .stm-dt-grid-shell.is-loading .stm-dt-grid-loading[hidden] {
	display: flex !important;
}

#stm-dashboard-root .stm-dt-grid-loading__bar {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	overflow: hidden;
	background: color-mix(in srgb, var(--stm-border-strong, #e5e7eb) 55%, transparent);
}

#stm-dashboard-root .stm-dt-grid-loading__bar-shimmer {
	display: block;
	width: 42%;
	height: 100%;
	background: linear-gradient(
		90deg,
		transparent 0%,
		color-mix(in srgb, var(--stm-sidebar-accent, #111827) 18%, transparent) 28%,
		var(--stm-sidebar-accent, #111827) 50%,
		color-mix(in srgb, #175cd3 70%, #111827) 72%,
		transparent 100%
	);
	border-radius: 999px;
	animation: stm-dt-load-bar 1.15s cubic-bezier(0.45, 0.05, 0.2, 1) infinite;
	will-change: transform;
}

#stm-dashboard-root .stm-dt-grid-loading__core {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	padding: 0 1rem;
	animation: stm-dt-load-core-in 320ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

#stm-dashboard-root .stm-dt-grid-loading__spinner {
	position: relative;
	width: 1.625rem;
	height: 1.625rem;
	border-radius: 50%;
	border: 2px solid color-mix(in srgb, var(--stm-sidebar-accent, #111827) 10%, transparent);
	border-top-color: var(--stm-sidebar-accent, #111827);
	animation: stm-dt-load-spin 0.72s cubic-bezier(0.55, 0.15, 0.35, 0.85) infinite;
}

#stm-dashboard-root .stm-dt-grid-loading__spinner::after {
	content: '';
	position: absolute;
	inset: 4px;
	border-radius: 50%;
	border: 1.5px solid transparent;
	border-bottom-color: color-mix(in srgb, #175cd3 55%, var(--stm-sidebar-accent, #111827));
	opacity: 0.55;
	animation: stm-dt-load-spin-rev 1.05s cubic-bezier(0.55, 0.15, 0.35, 0.85) infinite;
}

#stm-dashboard-root .stm-dt-grid-loading__label {
	font-size: 0.8125rem;
	font-weight: 500;
	letter-spacing: -0.01em;
	text-transform: none;
	color: var(--stm-text-muted, #667085);
	animation: stm-dt-load-label 1.6s ease-in-out infinite;
}

/* Reveal data setelah loading */
#stm-dashboard-root .stm-dt-grid-shell.is-content-reveal .stm-dt-grid-head {
	animation: stm-dt-content-reveal-head 600ms cubic-bezier(0.16, 1, 0.3, 1) both;
	will-change: transform, opacity;
}

#stm-dashboard-root .stm-dt-grid-shell.is-content-reveal .stm-dt-grid-scroll {
	animation: stm-dt-content-reveal-body 680ms cubic-bezier(0.16, 1, 0.3, 1) 90ms both;
	will-change: transform, opacity;
}

#stm-dashboard-root .stm-dt-table--airtable tbody tr.stm-dt-row.is-fade-in td {
	animation: stm-dt-row-fade 640ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes stm-dt-load-bar {
	0% {
		transform: translateX(-120%);
	}
	100% {
		transform: translateX(320%);
	}
}

@keyframes stm-dt-load-core-in {
	from {
		opacity: 0;
		transform: translateY(6px) scale(0.98);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes stm-dt-load-spin {
	to {
		transform: rotate(360deg);
	}
}

@keyframes stm-dt-load-spin-rev {
	to {
		transform: rotate(-360deg);
	}
}

@keyframes stm-dt-load-label {
	0%, 100% {
		opacity: 0.72;
	}
	50% {
		opacity: 1;
	}
}

@keyframes stm-dt-content-reveal-head {
	from {
		opacity: 0;
		transform: translate3d(0, 10px, 0) scale(0.992);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0) scale(1);
	}
}

@keyframes stm-dt-content-reveal-body {
	from {
		opacity: 0;
		transform: translate3d(0, 14px, 0) scale(0.986);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0) scale(1);
	}
}

@keyframes stm-dt-row-fade {
	from {
		opacity: 0;
		transform: translate3d(0, 4px, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@media (prefers-reduced-motion: reduce) {
	#stm-dashboard-root .stm-dt-grid-loading__bar-shimmer,
	#stm-dashboard-root .stm-dt-grid-loading__spinner,
	#stm-dashboard-root .stm-dt-grid-loading__spinner::after,
	#stm-dashboard-root .stm-dt-grid-loading__core,
	#stm-dashboard-root .stm-dt-grid-loading__label,
	#stm-dashboard-root .stm-dt-grid-shell.is-content-reveal .stm-dt-grid-scroll,
	#stm-dashboard-root .stm-dt-grid-shell.is-content-reveal .stm-dt-grid-head,
	#stm-dashboard-root .stm-dt-table--airtable tbody tr.stm-dt-row.is-fade-in td {
		animation: none;
	}
}

#stm-dashboard-root .stm-dt-grid-head {
	display: flex;
	flex-shrink: 0;
	align-items: stretch;
	min-width: 0;
	background-color: #f3f4f6;
	background-color: color-mix(in srgb, var(--stm-surface-muted, #f2f4f7) 92%, #fff);
	border-bottom: 1px solid var(--stm-border-strong, #e5e7eb);
}

#stm-dashboard-root .stm-dt-grid-head-scroll {
	flex: 1 1 auto;
	min-width: 0;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

#stm-dashboard-root .stm-dt-grid-head-scroll::-webkit-scrollbar {
	display: none;
	height: 0;
	width: 0;
}

#stm-dashboard-root .stm-dt-grid-head-gutter {
	flex: 0 0 0;
	width: 0;
	min-width: 0;
	background: inherit;
}

#stm-dashboard-root .stm-dt-grid-foot {
	display: flex;
	flex-shrink: 0;
	align-items: stretch;
	min-width: 0;
	background-color: color-mix(in srgb, var(--stm-surface-muted, #f2f4f7) 88%, #fff);
	border-top: 1px solid var(--stm-border-strong, #e5e7eb);
}

#stm-dashboard-root .stm-dt-grid-foot-scroll {
	flex: 1 1 auto;
	min-width: 0;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

#stm-dashboard-root .stm-dt-grid-foot-scroll::-webkit-scrollbar {
	display: none;
	height: 0;
	width: 0;
}

#stm-dashboard-root .stm-dt-grid-foot-gutter {
	flex: 0 0 0;
	width: 0;
	min-width: 0;
	background: inherit;
}

#stm-dashboard-root .stm-dt-grid-shell .stm-dt-table--foot {
	margin: 0;
}

#stm-dashboard-root #stm-dt-tfoot-row td {
	border-top: 0;
	padding: 0.35rem 0.5rem;
	vertical-align: middle;
	font-size: 0.8125rem;
	line-height: 1.25;
	height: 2rem;
}

#stm-dashboard-root .stm-dt-foot-sum-label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.25rem;
	font-weight: 700;
	font-size: 0.75rem;
	letter-spacing: 0.02em;
	color: var(--stm-text-muted, #667085);
}

#stm-dashboard-root .stm-dt-foot-cell--sum {
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	text-align: right;
	color: var(--stm-sidebar-accent, #111827);
	white-space: nowrap;
}

#stm-dashboard-root .stm-dt-grid-shell:has(> .stm-dt-grid-foot:not(.d-none)) {
	--stm-dt-grid-foot-h: 2rem;
}

#stm-dashboard-root .stm-dt-grid-shell .stm-dt-table--airtable {
	border: 0;
	border-radius: 0;
	table-layout: fixed;
	width: max-content;
	box-sizing: border-box;
}

#stm-dashboard-root .stm-dt-grid-shell .stm-dt-table--head {
	margin: 0;
}

#stm-dashboard-root .stm-dt-grid-shell .stm-dt-table--airtable col {
	min-width: 0;
	box-sizing: border-box;
}

#stm-dashboard-root .stm-dt-grid-shell .stm-dt-table--airtable th,
#stm-dashboard-root .stm-dt-grid-shell .stm-dt-table--airtable td {
	box-sizing: border-box;
}

/* ==========================================================================
   Data Table
   ========================================================================== */

body.stm-dashboard-page #stm-dashboard-root .stm-main__body:has(#stm-data-table-root) {
	background: #f6f7f9;
	padding: 0.3rem 0.5rem 0.3rem;
}

#stm-dashboard-root #stm-data-table-root {
	--stm-dt-ink: #0f172a;
	--stm-dt-ink-muted: #64748b;
	--stm-dt-ink-subtle: #94a3b8;
	--stm-dt-surface: #ffffff;
	--stm-dt-surface-soft: #f8fafc;
	--stm-dt-surface-muted: #f1f5f9;
	--stm-dt-line: #e8ecf2;
	--stm-dt-line-strong: #d5dbe6;
	--stm-dt-accent: #3b5bdb;
	--stm-dt-accent-soft: #eef2ff;
	--stm-dt-success: #047857;
	--stm-dt-success-soft: #ecfdf5;
	--stm-dt-warning: #b45309;
	--stm-dt-warning-soft: #fffbeb;
	--stm-dt-danger: #dc2626;
	--stm-dt-danger-soft: #fef2f2;
	--stm-dt-radius: 10px;
	--stm-dt-radius-sm: 8px;
	--stm-dt-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.04);
	--stm-border: var(--stm-dt-line);
	--stm-border-strong: var(--stm-dt-line-strong);
	--stm-surface: var(--stm-dt-surface);
	--stm-surface-muted: var(--stm-dt-surface-muted);
	--stm-text: var(--stm-dt-ink);
	--stm-text-muted: var(--stm-dt-ink-muted);
	--stm-text-subtle: var(--stm-dt-ink-subtle);
	--stm-accent: var(--stm-dt-accent);
	color: var(--stm-dt-ink);
}

#stm-dashboard-root #stm-data-table-root .stm-dt-page-head .stm-page-head__title {
	color: var(--stm-dt-ink);
	font-weight: 650;
	letter-spacing: -0.025em;
}

#stm-dashboard-root #stm-data-table-root .stm-dt-page-head .stm-page-head__desc {
	color: var(--stm-dt-ink-muted);
}

#stm-dashboard-root #stm-data-table-root .stm-dt-tabs-row {
	--stm-dt-tabs-accent: var(--stm-dt-accent);
	--stm-dt-tabs-ink: var(--stm-dt-ink);
	--stm-dt-tabs-muted: var(--stm-dt-ink-muted);
	--stm-dt-tabs-line: var(--stm-dt-line);
	--stm-dt-tabs-wash: var(--stm-dt-surface);
	background: var(--stm-dt-surface);
	border-color: var(--stm-dt-line);
	border-radius: 6px;
	box-shadow: none;
	margin-bottom: 0.2rem !important;
}

#stm-dashboard-root #stm-data-table-root .stm-dt-tabs-tools {
	border-left-color: var(--stm-dt-line);
	background: var(--stm-dt-surface-soft);
}

#stm-dashboard-root #stm-data-table-root .stm-dt-manage-fields {
	border-color: var(--stm-dt-line);
	background: var(--stm-dt-surface);
	color: var(--stm-dt-ink-muted);
	box-shadow: none;
}

#stm-dashboard-root #stm-data-table-root .stm-dt-manage-fields:hover,
#stm-dashboard-root #stm-data-table-root .stm-dt-manage-fields:focus-visible {
	border-color: var(--stm-dt-line-strong);
	color: var(--stm-dt-ink);
	background: var(--stm-dt-surface-soft);
}

#stm-dashboard-root #stm-data-table-root .stm-dt-tab.is-active::after {
	background: var(--stm-dt-accent);
	box-shadow: none;
}

#stm-dashboard-root #stm-data-table-root .stm-dt-tabs__item.is-drag-over > .stm-dt-tab {
	box-shadow: inset 2px 0 0 var(--stm-dt-accent);
}

#stm-dashboard-root #stm-data-table-root .stm-dt-view-btn {
	color: var(--stm-dt-ink-muted);
	background: transparent;
	border-color: transparent;
}

#stm-dashboard-root #stm-data-table-root .stm-dt-view-btn:hover {
	color: var(--stm-dt-ink);
	background: var(--stm-dt-surface-muted);
	border-color: var(--stm-dt-line);
}

/* Plan Payment hanya di Report — sembunyikan di View / saved views. */
#stm-dashboard-root #stm-data-table-root:not(.is-report-view):not(.is-report-simple) #stm-dt-plan-payment-btn,
#stm-dashboard-root #stm-data-table-root:not(.is-report-view):not(.is-report-simple) #stm-dt-plan-payment-list-btn {
	display: none !important;
}

/* Plan Payment — selaras accent Data Table (bukan primary hitam) */
#stm-dashboard-root #stm-data-table-root.is-report-view #stm-dt-plan-payment-btn.stm-dt-view-btn,
#stm-dashboard-root #stm-data-table-root.is-report-simple #stm-dt-plan-payment-btn.stm-dt-view-btn {
	color: var(--stm-dt-accent);
	background: var(--stm-dt-accent-soft);
	border-color: #c7d7fe;
	font-weight: 600;
}

#stm-dashboard-root #stm-data-table-root.is-report-view #stm-dt-plan-payment-btn.stm-dt-view-btn:hover,
#stm-dashboard-root #stm-data-table-root.is-report-view #stm-dt-plan-payment-btn.stm-dt-view-btn:focus-visible,
#stm-dashboard-root #stm-data-table-root.is-report-simple #stm-dt-plan-payment-btn.stm-dt-view-btn:hover,
#stm-dashboard-root #stm-data-table-root.is-report-simple #stm-dt-plan-payment-btn.stm-dt-view-btn:focus-visible {
	color: #2f4ebc;
	background: #e0e7ff;
	border-color: #a5b4fc;
}

#stm-dashboard-root #stm-data-table-root.is-report-view #stm-dt-plan-payment-btn.stm-dt-view-btn svg,
#stm-dashboard-root #stm-data-table-root.is-report-simple #stm-dt-plan-payment-btn.stm-dt-view-btn svg {
	stroke: currentColor;
}

#stm-dashboard-root #stm-data-table-root #stm-dt-filter-btn.is-active {
	background: var(--stm-dt-success-soft);
	color: var(--stm-dt-success);
	border-color: #a7f3d0;
}

#stm-dashboard-root #stm-data-table-root #stm-dt-group-btn.is-active {
	background: var(--stm-dt-accent-soft);
	color: var(--stm-dt-accent);
	border-color: #c7d7fe;
}

#stm-dashboard-root #stm-data-table-root #stm-dt-group-btn[hidden],
#stm-dashboard-root #stm-dt-mobile-group-btn[hidden] {
	display: none !important;
}

/* Report: tombol Group selalu terlihat. */
#stm-dashboard-root #stm-data-table-root.is-report-view #stm-dt-group-btn[hidden],
#stm-dashboard-root #stm-data-table-root.is-report-simple #stm-dt-group-btn[hidden] {
	display: inline-flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
}

/* Report: sembunyikan tombol delete per baris */
#stm-dashboard-root #stm-data-table-root.is-report-view .stm-dt-row-actions .stm-dt-icon-btn--danger,
#stm-dashboard-root #stm-data-table-root.is-report-simple .stm-dt-row-actions .stm-dt-icon-btn--danger {
	display: none !important;
}

/* Payment Planned group — menonjol (oranye) */
#stm-dashboard-root #stm-data-table-root .stm-dt-paid-supplier {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	max-width: 100%;
	min-width: 0;
}
#stm-dashboard-root #stm-data-table-root .stm-dt-paid-supplier__chip {
	display: inline-block;
	max-width: 100%;
	padding: 0.15rem 0.45rem;
	border-radius: 0.35rem;
	background: #dcfce7;
	color: #14532d;
	border: 1px solid #86efac;
	font-size: 0.72rem;
	font-weight: 600;
	line-height: 1.25;
	white-space: normal;
	word-break: break-word;
}
#stm-dashboard-root #stm-data-table-root .stm-dt-paid-supplier.is-planned .stm-dt-paid-supplier__chip {
	background: #ffedd5;
	color: #9a3412;
	border-color: #fdba74;
	font-size: 0.84rem;
	font-weight: 700;
	padding: 0.28rem 0.55rem;
	line-height: 1.35;
}
#stm-dashboard-root #stm-data-table-root .stm-dt-cell.is-status-merged--planned,
#stm-dashboard-root .stm-panel--data-table.is-report-simple #stm-dt-table td.stm-dt-cell.is-status-merged--planned,
#stm-dashboard-root #stm-data-table-root.is-report-simple #stm-dt-table td.stm-dt-cell.is-status-merged--planned,
#stm-dashboard-root .stm-dt-table--airtable tbody td.stm-dt-cell.is-status-merged--planned {
	vertical-align: top !important;
	height: auto !important;
	max-height: none !important;
	background: #fff7ed !important;
	border-left: 3px solid #ea580c;
	border-right: 1px solid #fdba74;
	padding-top: 0.4rem !important;
	padding-bottom: 0.55rem !important;
}
#stm-dashboard-root #stm-data-table-root .stm-dt-cell.is-status-merged--planned .stm-dt-cell-clip,
#stm-dashboard-root .stm-panel--data-table.is-report-simple .stm-dt-cell.is-status-merged--planned .stm-dt-cell-clip,
#stm-dashboard-root #stm-data-table-root.is-report-simple .stm-dt-cell.is-status-merged--planned .stm-dt-cell-clip,
#stm-dashboard-root .stm-dt-table--airtable tbody td.stm-dt-cell.is-status-merged--planned .stm-dt-cell-clip {
	display: block !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	-webkit-box-orient: unset !important;
	-webkit-line-clamp: unset !important;
	line-clamp: unset !important;
	height: auto !important;
	max-height: none !important;
	min-height: 0 !important;
	padding: 0.2rem 0.2rem 0.35rem !important;
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: clip !important;
	word-break: break-word !important;
	overflow-wrap: anywhere !important;
}
#stm-dashboard-root #stm-data-table-root .stm-dt-cell.is-status-merged--planned .stm-dt-paid-supplier,
#stm-dashboard-root .stm-panel--data-table.is-report-simple .stm-dt-cell.is-status-merged--planned .stm-dt-paid-supplier {
	display: block !important;
	max-width: 100%;
	width: 100%;
	align-items: flex-start;
}
#stm-dashboard-root #stm-data-table-root .stm-dt-cell.is-status-merged--planned .stm-dt-paid-supplier__chip,
#stm-dashboard-root .stm-panel--data-table.is-report-simple .stm-dt-cell.is-status-merged--planned .stm-dt-paid-supplier__chip,
#stm-dashboard-root #stm-data-table-root.is-report-simple .stm-dt-cell.is-status-merged--planned .stm-dt-paid-supplier__chip {
	display: block !important;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	font-family: "Fraunces", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
	font-size: 1.12rem !important;
	font-weight: 600;
	font-optical-sizing: auto;
	font-variation-settings: "SOFT" 40, "WONK" 0.4;
	letter-spacing: 0.01em;
	line-height: 1.45 !important;
	padding: 0.4rem 0.55rem !important;
	text-align: left;
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: clip !important;
	word-break: break-word !important;
	overflow-wrap: anywhere !important;
	hyphens: auto;
	box-shadow: 0 1px 0 rgba(154, 52, 18, 0.08);
}
#stm-dashboard-root #stm-data-table-root .stm-dt-paid-supplier__proof {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 0.3rem;
	color: #166534;
	background: #f0fdf4;
	border: 1px solid #86efac;
	text-decoration: none;
}
#stm-dashboard-root #stm-data-table-root .stm-dt-paid-supplier__proof:hover {
	background: #dcfce7;
	color: #14532d;
}
#stm-dashboard-root #stm-data-table-root .stm-dt-group-header.is-payment-planned .stm-dt-group-header__bar {
	background: linear-gradient(90deg, #fff7ed 0%, #ffedd5 55%, #fed7aa 100%);
	border-bottom: 1px solid #fdba74;
	box-shadow: inset 3px 0 0 #ea580c;
}
#stm-dashboard-root #stm-data-table-root .stm-dt-group-header.is-payment-planned .stm-dt-group-header__title {
	color: #9a3412;
	font-weight: 700;
}
#stm-dashboard-root #stm-data-table-root .stm-dt-group-header.is-payment-planned .stm-dt-group-header__count {
	background: #ea580c;
	color: #fff;
	border-radius: 999px;
	padding: 0.05rem 0.45rem;
	font-weight: 700;
}
#stm-dashboard-root #stm-data-table-root .stm-dt-group-header.is-payment-planned .stm-dt-group-header__icon,
#stm-dashboard-root #stm-data-table-root .stm-dt-group-header.is-payment-planned .stm-dt-group-header__accent {
	color: #c2410c;
}
#stm-dashboard-root #stm-data-table-root .stm-dt-row.is-payment-planned-row:not([class*="is-bg-"]) > td {
	background-color: #fff7ed !important;
}
#stm-dashboard-root #stm-data-table-root .stm-dt-row.is-payment-planned-row.is-group-child--first > td {
	box-shadow: inset 0 1px 0 #fdba74;
}

#stm-dashboard-root #stm-data-table-root #stm-dt-group-btn.is-disabled:not(.is-active),
#stm-dashboard-root #stm-data-table-root #stm-dt-group-btn:disabled:not(.is-active),
#stm-dashboard-root #stm-dt-mobile-group-btn.is-disabled,
#stm-dashboard-root #stm-dt-mobile-group-btn:disabled {
	opacity: 0.45;
	cursor: not-allowed;
	pointer-events: none;
}

#stm-dashboard-root #stm-data-table-root #stm-dt-sort-btn.is-active {
	background: var(--stm-dt-warning-soft);
	color: var(--stm-dt-warning);
	border-color: #fde68a;
}

#stm-dashboard-root #stm-data-table-root .stm-dt-hidden-fields-btn.is-active {
	background: var(--stm-dt-accent-soft);
	color: var(--stm-dt-accent);
	border-color: #c7d7fe;
}

#stm-dashboard-root #stm-data-table-root .stm-dt-hide-cancel-btn.is-active {
	background: var(--stm-dt-danger-soft);
	color: var(--stm-dt-danger);
	border-color: #fecaca;
}

#stm-dashboard-root #stm-data-table-root .stm-dt-toolbar-chip {
	border-color: var(--stm-dt-line);
	background: var(--stm-dt-surface);
	color: var(--stm-dt-ink-muted);
	box-shadow: none;
}

#stm-dashboard-root #stm-data-table-root .stm-dt-toolbar-chip:hover {
	border-color: var(--stm-dt-line-strong);
	background: var(--stm-dt-surface-soft);
	color: var(--stm-dt-ink);
}

#stm-dashboard-root #stm-data-table-root .stm-dt-toolbar-chip--tool {
	border-color: #bbf7d0;
	background: #f6fef9;
	color: #047857;
}

#stm-dashboard-root #stm-data-table-root .stm-dt-toolbar-chip--guest {
	border-color: #ddd6fe;
	background: #faf8ff;
	color: #6d28d9;
}

#stm-dashboard-root #stm-data-table-root .stm-dt-toolbar-segment {
	border-color: var(--stm-dt-line);
	background: var(--stm-dt-surface-muted);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

#stm-dashboard-root #stm-data-table-root .stm-dt-toolbar-segment .stm-dt-scope-tab.is-active {
	background: var(--stm-dt-surface);
	color: var(--stm-dt-ink);
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

#stm-dashboard-root #stm-data-table-root .stm-dt-toolbar__total {
	background: var(--stm-dt-surface);
	border-color: var(--stm-dt-line);
	color: var(--stm-dt-ink-muted);
}

#stm-dashboard-root #stm-data-table-root .stm-dt-toolbar__search-field {
	border-color: var(--stm-dt-line);
	background: var(--stm-dt-surface);
	box-shadow: none;
	transition:
		background 160ms ease,
		border-color 160ms ease,
		box-shadow 160ms ease,
		color 160ms ease;
}

#stm-dashboard-root #stm-data-table-root .stm-dt-toolbar__search-field.is-search-armed {
	border-color: #f97316;
	background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
	box-shadow:
		0 0 0 2px rgba(249, 115, 22, 0.28),
		0 0 14px rgba(249, 115, 22, 0.22);
}

#stm-dashboard-root #stm-data-table-root .stm-dt-toolbar__search-field.is-search-typing {
	border-color: #eab308;
	background: linear-gradient(180deg, #fefce8 0%, #fde047 100%);
	box-shadow:
		0 0 0 2px rgba(234, 179, 8, 0.30),
		0 0 14px rgba(250, 204, 21, 0.28);
}

#stm-dashboard-root #stm-data-table-root .stm-dt-toolbar__search-field.is-search-hit {
	border-color: #16a34a;
	background: linear-gradient(180deg, #f0fdf4 0%, #86efac 100%);
	box-shadow:
		0 0 0 2px rgba(22, 163, 74, 0.28),
		0 0 16px rgba(34, 197, 94, 0.30);
}

#stm-dashboard-root #stm-data-table-root .stm-dt-toolbar__search-field.is-search-armed .stm-dt-search-icon,
#stm-dashboard-root #stm-data-table-root .stm-dt-toolbar__search-field.is-search-armed .stm-dt-search-close {
	color: #c2410c;
	opacity: 1;
}

#stm-dashboard-root #stm-data-table-root .stm-dt-toolbar__search-field.is-search-typing .stm-dt-search-icon,
#stm-dashboard-root #stm-data-table-root .stm-dt-toolbar__search-field.is-search-typing .stm-dt-search-close {
	color: #a16207;
	opacity: 1;
}

#stm-dashboard-root #stm-data-table-root .stm-dt-toolbar__search-field.is-search-hit .stm-dt-search-icon,
#stm-dashboard-root #stm-data-table-root .stm-dt-toolbar__search-field.is-search-hit .stm-dt-search-close {
	color: #15803d;
	opacity: 1;
}

#stm-dashboard-root #stm-data-table-root .stm-dt-search-icon {
	color: var(--stm-dt-ink-muted, #667085);
}

#stm-dashboard-root #stm-data-table-root .stm-dt-grid-shell {
	border-color: var(--stm-dt-line);
	border-radius: 4px;
	background: var(--stm-dt-surface);
	box-shadow: none;
}

#stm-dashboard-root #stm-data-table-root .stm-dt-grid-head,
#stm-dashboard-root #stm-data-table-root .stm-dt-grid-foot {
	background: var(--stm-dt-surface-soft);
	border-color: var(--stm-dt-line);
}

#stm-dashboard-root #stm-data-table-root .stm-dt-grid-head {
	border-bottom-color: var(--stm-dt-line);
}

#stm-dashboard-root #stm-data-table-root .stm-dt-grid-foot {
	border-top-color: var(--stm-dt-line);
}

#stm-dashboard-root #stm-data-table-root .stm-dt-table--airtable {
	border-color: var(--stm-dt-line);
	color: var(--stm-dt-ink);
	background: var(--stm-dt-surface);
}

#stm-dashboard-root #stm-data-table-root .stm-dt-table--airtable.table > tbody > tr > td {
	background-color: var(--stm-dt-surface);
	border-right-color: var(--stm-dt-line);
	border-bottom-color: var(--stm-dt-line);
}

#stm-dashboard-root #stm-data-table-root .stm-dt-table--airtable.table > tbody > tr:hover > td {
	background-color: #f8fafc;
}

#stm-dashboard-root #stm-data-table-root .stm-dt-table--airtable.table > tbody > tr.stm-dt-row.is-row-selected > td {
	background-color: color-mix(in srgb, var(--stm-dt-accent) 7%, var(--stm-dt-surface));
}

#stm-dashboard-root #stm-data-table-root .stm-dt-table--airtable.table > thead > tr > th {
	color: var(--stm-dt-ink-muted);
	border-right-color: var(--stm-dt-line);
	background-color: transparent;
}

/* section */
#stm-dashboard-root #stm-data-table-root .stm-dt-table--airtable.table > thead > tr > th.stm-dt-col-check,
#stm-dashboard-root #stm-data-table-root .stm-dt-table--airtable.table > tfoot > tr > td.stm-dt-col-check {
	background: #f8fafc !important;
	background-color: #f8fafc !important;
	background-image: none !important;
	box-shadow: none !important;
	--stm-dt-frozen-bg: #f8fafc;
}

#stm-dashboard-root #stm-data-table-root .stm-dt-table--airtable.table > tbody > tr > td.stm-dt-col-check {
	background: var(--stm-dt-frozen-bg, #ffffff) !important;
	background-color: var(--stm-dt-frozen-bg, #ffffff) !important;
	background-image: none !important;
	box-shadow: none !important;
	z-index: 4 !important;
	isolation: isolate;
	overflow: hidden;
}

#stm-dashboard-root #stm-data-table-root .stm-dt-table--airtable.table > tbody > tr:hover > td.stm-dt-col-check {
	background: color-mix(in srgb, var(--stm-dt-frozen-bg, #ffffff) 88%, #e8ecf2) !important;
	background-color: color-mix(in srgb, var(--stm-dt-frozen-bg, #ffffff) 88%, #e8ecf2) !important;
}

#stm-dashboard-root #stm-data-table-root .stm-dt-table--airtable.table > tbody > tr.stm-dt-row.is-row-selected > td.stm-dt-col-check {
	background: #eef2ff !important;
	background-color: #eef2ff !important;
}

#stm-dashboard-root #stm-data-table-root .stm-dt-bulk-bar {
	background: var(--stm-dt-surface, #fff);
	border-color: var(--stm-dt-line);
	border-radius: 999px;
}

#stm-dashboard-root #stm-data-table-root .stm-dt-chrome-toggle {
	border-color: var(--stm-dt-line);
	background: var(--stm-dt-surface);
	color: var(--stm-dt-ink-muted);
}

#stm-dashboard-root #stm-data-table-root .stm-dt-chrome-toggle:hover {
	border-color: var(--stm-dt-line-strong);
	background: var(--stm-dt-surface-soft);
	color: var(--stm-dt-ink);
}

#stm-dashboard-root #stm-data-table-root .stm-ui-btn--primary {
	background: var(--stm-dt-ink);
	border-color: var(--stm-dt-ink);
}

#stm-dashboard-root #stm-data-table-root .stm-ui-btn--primary:hover {
	background: #1e293b;
	border-color: #1e293b;
}

#stm-dashboard-root #stm-data-table-root .stm-ui-btn--secondary {
	background: var(--stm-dt-surface);
	border-color: var(--stm-dt-line-strong);
	color: var(--stm-dt-ink-muted);
}

#stm-dashboard-root #stm-data-table-root .stm-ui-btn--secondary:hover {
	background: var(--stm-dt-surface-soft);
	color: var(--stm-dt-ink);
}

#stm-dashboard-root #stm-data-table-root .stm-dt-active-view {
	background: var(--stm-dt-accent-soft);
	color: var(--stm-dt-accent);
}

#stm-dashboard-root #stm-data-table-root .stm-dt-cell--date-cancelled {
	background: rgba(254, 242, 242, 0.12);
}

#stm-dashboard-root #stm-data-table-root .stm-dt-cell--cancel-pricing,
#stm-dashboard-root #stm-data-table-root .stm-dt-cell--cancel-pricing .stm-dt-cell-clip,
#stm-dashboard-root #stm-data-table-root .stm-dt-cell--cancel-pricing .stm-dt-cancel-zero-cell {
	color: #d92d20;
}

#stm-dashboard-root #stm-data-table-root .stm-dt-cell--cancel-pricing {
	background: rgba(254, 242, 242, 0.28);
}

#stm-dashboard-root #stm-data-table-root .stm-dt-cell--cancel-pricing .stm-dt-cancel-zero-cell,
#stm-dashboard-root #stm-data-table-root .stm-dt-cell--cancel-pricing .stm-dt-formula-cell {
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}

/* Empty Net Price: ghost field name when cell is selected / active */
#stm-dashboard-root .stm-dt-table--airtable tbody td.stm-dt-cell--field-ph.is-selected .stm-dt-cell-clip--field-ph:empty::before,
#stm-dashboard-root .stm-dt-table--airtable tbody td.stm-dt-cell--field-ph.is-selected-anchor .stm-dt-cell-clip--field-ph:empty::before {
	content: attr(data-field-ph);
	color: #94a3b8;
	font-style: italic;
	font-weight: 500;
	letter-spacing: 0.01em;
	pointer-events: none;
	user-select: none;
}

/* TRX status batik watermark */
#stm-dashboard-root .stm-dt-table--airtable tbody tr.stm-dt-row--status-paid > td,
#stm-dashboard-root .stm-dt-table--airtable tbody tr.stm-dt-row--status-cancel > td,
#stm-dashboard-root .stm-dt-table--airtable tbody tr.stm-dt-row--status-pending > td,
#stm-dashboard-root .stm-dt-table--airtable tbody tr.stm-dt-row--status-unknown > td {
	background-repeat: repeat;
	background-position: 0 50%;
	background-size: 200px 72px;
}

#stm-dashboard-root .stm-dt-table--airtable tbody tr.stm-dt-row--status-paid > td {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='72' viewBox='0 0 200 72'><text x='8' y='44' fill='%23027a48' fill-opacity='0.07' font-family='Segoe%20UI,system-ui,sans-serif' font-size='26' font-weight='800' letter-spacing='4' transform='rotate(-16 8 44)'>PAID</text></svg>");
}

#stm-dashboard-root .stm-dt-table--airtable tbody tr.stm-dt-row--status-cancel > td {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='72' viewBox='0 0 200 72'><text x='4' y='44' fill='%23b42318' fill-opacity='0.08' font-family='Segoe%20UI,system-ui,sans-serif' font-size='22' font-weight='800' letter-spacing='2' transform='rotate(-16 4 44)'>CANCEL</text></svg>");
}

#stm-dashboard-root .stm-dt-table--airtable tbody tr.stm-dt-row--status-pending > td {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='72' viewBox='0 0 200 72'><text x='4' y='44' fill='%23a15c07' fill-opacity='0.08' font-family='Segoe%20UI,system-ui,sans-serif' font-size='20' font-weight='800' letter-spacing='1.5' transform='rotate(-16 4 44)'>PENDING</text></svg>");
}

#stm-dashboard-root .stm-dt-table--airtable tbody tr.stm-dt-row--status-unknown > td {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='72' viewBox='0 0 200 72'><text x='2' y='44' fill='%23475567' fill-opacity='0.09' font-family='Segoe%20UI,system-ui,sans-serif' font-size='18' font-weight='800' letter-spacing='1' transform='rotate(-16 2 44)'>UNKNOWN</text></svg>");
}

/* User toggle: nonaktifkan watermark status */
#stm-dashboard-root #stm-data-table-root.is-watermark-off .stm-dt-table--airtable tbody tr.stm-dt-row--status-paid > td,
#stm-dashboard-root #stm-data-table-root.is-watermark-off .stm-dt-table--airtable tbody tr.stm-dt-row--status-cancel > td,
#stm-dashboard-root #stm-data-table-root.is-watermark-off .stm-dt-table--airtable tbody tr.stm-dt-row--status-pending > td,
#stm-dashboard-root #stm-data-table-root.is-watermark-off .stm-dt-table--airtable tbody tr.stm-dt-row--status-unknown > td {
	background-image: none;
	background-blend-mode: normal;
}

/* Preserve manual row warna while keeping faint watermark visible */
#stm-dashboard-root .stm-dt-table--airtable tbody tr.stm-dt-row--status-paid[class*='is-bg-'] > td,
#stm-dashboard-root .stm-dt-table--airtable tbody tr.stm-dt-row--status-cancel[class*='is-bg-'] > td,
#stm-dashboard-root .stm-dt-table--airtable tbody tr.stm-dt-row--status-pending[class*='is-bg-'] > td,
#stm-dashboard-root .stm-dt-table--airtable tbody tr.stm-dt-row--status-unknown[class*='is-bg-'] > td {
	background-blend-mode: multiply;
}

@media (prefers-reduced-motion: reduce) {
	#stm-dashboard-root .stm-dt-table--airtable tbody tr.stm-dt-row--status-paid > td,
	#stm-dashboard-root .stm-dt-table--airtable tbody tr.stm-dt-row--status-cancel > td,
	#stm-dashboard-root .stm-dt-table--airtable tbody tr.stm-dt-row--status-pending > td,
	#stm-dashboard-root .stm-dt-table--airtable tbody tr.stm-dt-row--status-unknown > td {
		background-image: none;
	}
	#stm-dashboard-root .stm-dt-table--airtable tbody tr.stm-dt-row--status-paid > td {
		box-shadow: inset 3px 0 0 0 rgba(2, 122, 72, 0.45);
	}
	#stm-dashboard-root .stm-dt-table--airtable tbody tr.stm-dt-row--status-cancel > td {
		box-shadow: inset 3px 0 0 0 rgba(180, 35, 24, 0.5);
	}
	#stm-dashboard-root .stm-dt-table--airtable tbody tr.stm-dt-row--status-pending > td {
		box-shadow: inset 3px 0 0 0 rgba(161, 92, 7, 0.45);
	}
	#stm-dashboard-root .stm-dt-table--airtable tbody tr.stm-dt-row--status-unknown > td {
		box-shadow: inset 3px 0 0 0 rgba(71, 85, 105, 0.4);
	}
}

#stm-dashboard-root #stm-data-table-root .stm-dt-chrome {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
}

#stm-dashboard-root #stm-data-table-root .stm-dt-toolbar {
	margin-bottom: 0;
}

#stm-dashboard-root #stm-data-table-root .stm-dt-th__btn:hover,
#stm-dashboard-root #stm-data-table-root .stm-dt-col-field.is-menu-open .stm-dt-th__btn {
	background: color-mix(in srgb, var(--stm-dt-accent-soft) 65%, var(--stm-dt-surface-soft));
}

#stm-dashboard-root #stm-data-table-root .stm-dt-foot-sum-label {
	color: var(--stm-dt-ink-subtle);
}

#stm-dashboard-root #stm-data-table-root .stm-dt-foot-cell--sum {
	color: var(--stm-dt-ink);
}

#stm-dashboard-root #stm-data-table-root .stm-dt-group-header td {
	background: color-mix(in srgb, var(--stm-dt-accent) 7%, var(--stm-dt-surface-soft, #f8fafc));
	border-top-color: color-mix(in srgb, var(--stm-dt-accent) 28%, var(--stm-dt-line-strong, #d0d5dd)) !important;
}

#stm-dashboard-root #stm-data-table-root .stm-dt-group-header__bar {
	background:
		linear-gradient(90deg,
			color-mix(in srgb, var(--stm-dt-accent) 10%, #eef4ff) 0%,
			color-mix(in srgb, var(--stm-dt-accent) 6%, #f8fafc) 55%,
			#f8fafc 100%);
}

#stm-dashboard-root #stm-data-table-root .stm-dt-group-header__slot--sum {
	color: var(--stm-dt-ink, #0f172a);
	background: color-mix(in srgb, var(--stm-dt-accent) 8%, var(--stm-dt-surface-soft, #f8fafc));
}

#stm-dashboard-root #stm-data-table-root .stm-dt-grid-shell > .stm-dt-add-row-rail {
	border-top: 0;
	background: transparent;
}

#stm-dashboard-root #stm-data-table-root .stm-dt-add-row-btn {
	color: var(--stm-dt-ink-muted);
}

#stm-dashboard-root #stm-data-table-root .stm-dt-add-row-btn:hover {
	color: var(--stm-dt-accent);
	background: var(--stm-dt-accent-soft);
}

/* Data Table: isi tinggi layar, scroll di dalam grid (bukan di seluruh halaman) */
body.stm-dashboard-page #stm-dashboard-root .stm-main:has(#stm-data-table-root) {
	overflow: hidden;
}

body.stm-dashboard-page #stm-dashboard-root .stm-main__body:has(#stm-data-table-root) {
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

#stm-dashboard-root #stm-data-table-root.stm-panel--data-table {
	flex: 1 1 auto;
	min-height: 0;
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

#stm-dashboard-root #stm-dt-sheet-view {
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
}

#stm-dashboard-root #stm-dt-sheet-view > .stm-dt-chrome,
#stm-dashboard-root #stm-dt-sheet-view > .stm-dt-list-bar {
	flex-shrink: 0;
}

#stm-dashboard-root .stm-dt-list-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-top: 0.5rem;
	min-height: 1.25rem;
}

#stm-dashboard-root .stm-dt-list-bar__status {
	flex: 1 1 auto;
	min-width: 0;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

#stm-dashboard-root .stm-dt-list-bar__warn-wrap {
	position: relative;
	flex: 0 1 auto;
	margin-left: auto;
	cursor: pointer;
}

#stm-dashboard-root .stm-dt-list-bar__warn {
	display: block;
	width: 100%;
	border: 0;
	background: transparent;
	padding: 0;
	margin: 0;
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.2;
	color: #b54708;
	white-space: nowrap;
	cursor: pointer;
	text-align: right;
}

#stm-dashboard-root .stm-dt-list-bar__warn:hover,
#stm-dashboard-root .stm-dt-list-bar__warn-wrap:hover .stm-dt-list-bar__warn,
#stm-dashboard-root .stm-dt-list-bar__warn:focus-visible {
	color: #93370d;
	text-decoration: underline;
	outline: none;
}

#stm-dashboard-root .stm-dt-empty-warn-popover {
	min-width: 15rem;
	max-width: min(22rem, 80vw);
	max-height: 16rem;
	overflow: auto;
}

#stm-dashboard-root .stm-dt-empty-warn-popover .stm-dt-popover__item {
	flex-direction: column;
	align-items: flex-start;
	gap: 0.1rem;
}

#stm-dashboard-root .stm-dt-empty-warn-popover .stm-dt-popover__item-meta {
	font-size: 0.6875rem;
	color: var(--stm-text-subtle, #98a2b3);
}

#stm-dashboard-root .stm-dt-list-bar__stats {
	flex: 0 1 auto;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	justify-content: flex-end;
	gap: 0;
	min-width: 0;
	max-width: 100%;
	overflow-x: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
	font-size: 0.72rem;
	line-height: 1.2;
	color: var(--stm-text-muted, #667085);
}

#stm-dashboard-root .stm-dt-list-bar__stats::-webkit-scrollbar {
	display: none;
}

#stm-dashboard-root .stm-dt-list-stat {
	display: inline-flex;
	align-items: baseline;
	gap: 0.28rem;
	white-space: nowrap;
	padding: 0 0.55rem;
	border-right: 1px solid #e8ecf2;
}

#stm-dashboard-root .stm-dt-list-stat:first-child {
	padding-left: 0;
}

#stm-dashboard-root .stm-dt-list-stat:last-child {
	padding-right: 0;
	border-right: 0;
}

#stm-dashboard-root .stm-dt-list-stat__label {
	font-weight: 500;
	font-size: 0.65rem;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--stm-text-subtle, #98a2b3);
}

#stm-dashboard-root .stm-dt-list-stat__value {
	font-weight: 650;
	font-variant-numeric: tabular-nums;
	color: var(--stm-text, #111827);
	letter-spacing: -0.01em;
}

#stm-dashboard-root .stm-dt-list-stat__value.is-paid {
	color: #16a34a;
}

#stm-dashboard-root .stm-dt-list-stat__value.is-pending {
	color: #d97706;
}

#stm-dashboard-root #stm-dt-list-msg.stm-dt-list-msg--busy {
	color: var(--stm-text-muted, #667085);
	font-style: normal;
	letter-spacing: 0.01em;
	animation: stm-dt-list-msg-pulse 1.4s ease-in-out infinite;
}

@keyframes stm-dt-list-msg-pulse {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.62; }
}

#stm-dashboard-root #stm-dt-sheet-view > .stm-dt-grid-shell {
	flex: 1 1 auto;
	min-height: 0;
}

#stm-dashboard-root #stm-data-table-root.is-fields-manager {
	overflow: auto;
}

#stm-dashboard-root .stm-panel--data-table.is-archive-view .stm-dt-add-row-rail {
	display: none;
}

#stm-dashboard-root .stm-dt-virtual-spacer td {
	background: transparent !important;
}

#stm-dashboard-root .stm-dt-table--airtable {
	width: max-content;
	max-width: none;
	min-width: 0;
	margin: 0;
	border-collapse: separate;
	border-spacing: 0;
	font-size: 0.75rem;
	line-height: 1.2;
	color: var(--stm-text, #1d2939);
	background: var(--stm-surface, #fff);
	border: 1px solid var(--stm-border, #d0d5dd);
	border-radius: 0;
	/* section */
	--bs-table-bg: #ffffff;
	--bs-table-accent-bg: transparent;
	--bs-table-bg-state: transparent;
	--stm-dt-frozen-bg: #ffffff;
}

#stm-dashboard-root .stm-dt-table--airtable > :not(caption) > * > * {
	padding: 0.08rem 0.4rem;
	border-bottom-width: 0;
	box-shadow: none;
}

/* section */
#stm-dashboard-root .stm-dt-table--airtable.table > tbody > tr > td {
	height: 1.7rem;
	border-right: 1px solid var(--stm-border, #e5e7eb);
	border-bottom: 1px solid var(--stm-border, #e5e7eb);
	vertical-align: middle;
	background-color: #fff;
}

#stm-dashboard-root .stm-dt-table--airtable.table > tbody > tr > td.is-sync-flash {
	animation: stm-dt-sync-flash 0.85s ease-out;
}

@keyframes stm-dt-sync-flash {
	0% { background-color: #d1fae5; }
	100% { background-color: #fff; }
}

#stm-dashboard-root .stm-dt-table--airtable.table > thead > tr > th {
	height: 1.5rem;
	padding: 0 0.35rem;
	font-size: 0.65rem;
	font-weight: 600;
	text-align: left;
	white-space: nowrap;
	color: var(--stm-text-muted, #667085);
	background-color: transparent;
	border-right: 1px solid var(--stm-border, #e5e7eb);
	border-bottom: 0;
	position: relative;
	top: auto;
	z-index: 1;
	box-shadow: none;
	overflow: hidden;
}

/* Frozen cols: sticky harus menang dari thead th { position: relative } */
#stm-dashboard-root .stm-dt-table--airtable.table > thead > tr > th.stm-dt-col-check,
#stm-dashboard-root .stm-dt-table--airtable.table > tbody > tr > td.stm-dt-col-check,
#stm-dashboard-root .stm-dt-table--airtable.table > tfoot > tr > td.stm-dt-col-check {
	position: sticky;
}

#stm-dashboard-root .stm-dt-table--airtable thead th:last-child,
#stm-dashboard-root .stm-dt-table--airtable.table > tbody > tr > td:last-child {
	border-right: 1px solid var(--stm-border, #e5e7eb);
}

#stm-dashboard-root .stm-dt-cell-clip {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.22rem;
	overflow: hidden;
	max-width: 100%;
	min-width: 0;
}

#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--xs tbody td.stm-dt-cell {
	height: 1.55rem;
	max-height: 1.55rem;
	padding-top: 0.08rem;
	padding-bottom: 0.08rem;
	vertical-align: middle;
}

#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--xs tbody td.stm-dt-cell .stm-dt-cell-clip {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: normal;
	max-height: 100%;
	line-height: 1.15;
	font-size: 0.75rem;
}

#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--xs tbody td.stm-dt-cell .stm-dt-choice-chip,
#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--xs tbody td.stm-dt-cell .stm-dt-choice-chip--lite,
#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--xs tbody td.stm-dt-cell .stm-dt-label-chip,
#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--xs tbody td.stm-dt-cell .stm-dt-nama-text {
	font-size: 0.72rem;
	line-height: 1.1;
	padding-top: 0;
	padding-bottom: 0;
	min-height: 0;
}

#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--xs tbody td.stm-dt-col-check,
#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--xs tbody td.stm-dt-col-check .stm-dt-col-check__inner {
	height: 1.55rem;
	max-height: 1.55rem;
	min-height: 0;
}

#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--xs tbody .stm-dt-expand-btn {
	width: 1.15rem;
	height: 1.15rem;
	min-width: 1.15rem;
	padding: 0;
}

#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--xs tbody .stm-dt-expand-btn svg {
	width: 9px;
	height: 9px;
}

@media (hover: hover) and (pointer: fine) {
	#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--xs tbody .stm-dt-col-check__inner {
		min-height: 1.55rem;
		gap: 0.12rem;
	}
}

#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--xs tbody .form-check-input {
	width: 0.85rem;
	height: 0.85rem;
	margin: 0;
}

#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--short tbody td.stm-dt-cell {
	height: 4.9rem;
	max-height: 4.9rem;
	padding-top: 0.35rem;
	padding-bottom: 0.35rem;
	vertical-align: top;
}

#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--short tbody td.stm-dt-cell .stm-dt-cell-clip {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	white-space: normal;
	overflow: hidden;
	word-break: break-word;
	max-height: 100%;
}

#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--medium tbody td.stm-dt-cell {
	height: 6.5rem;
	max-height: 6.5rem;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	vertical-align: top;
}

#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--medium tbody td.stm-dt-cell .stm-dt-cell-clip {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	overflow: hidden;
	word-break: break-word;
	max-height: 100%;
}

#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--tall tbody td.stm-dt-cell {
	height: 7.25rem;
	max-height: 7.25rem;
	padding-top: 0.45rem;
	padding-bottom: 0.45rem;
	vertical-align: top;
}

#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--tall tbody td.stm-dt-cell .stm-dt-cell-clip {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	line-clamp: 5;
	overflow: hidden;
	word-break: break-word;
	max-height: 100%;
}

#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--xl tbody td.stm-dt-cell {
	height: 8.5rem;
	max-height: 8.5rem;
	padding-top: 0.45rem;
	padding-bottom: 0.45rem;
	vertical-align: top;
}

#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--xl tbody td.stm-dt-cell .stm-dt-cell-clip {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	line-clamp: 6;
	overflow: hidden;
	word-break: break-word;
	max-height: 100%;
}

/* Longtext/detail: isi penuh tinggi baris di setiap view (jangan clamp tetap). */
#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--xs tbody td.stm-dt-cell .stm-dt-cell-clip.stm-dt-longtext-cell,
#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--xs tbody td.stm-dt-cell[data-field-key="detail"] .stm-dt-cell-clip,
#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--xs tbody td.stm-dt-cell[data-field-key="detail_from_trx"] .stm-dt-cell-clip,
#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--xs tbody td.stm-dt-cell[data-field-key="detailfromtrx"] .stm-dt-cell-clip {
	-webkit-line-clamp: 1;
	line-clamp: 1;
	white-space: nowrap;
	line-height: 1.25;
}

#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--short tbody td.stm-dt-cell .stm-dt-cell-clip.stm-dt-longtext-cell,
#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--short tbody td.stm-dt-cell[data-field-key="detail"] .stm-dt-cell-clip,
#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--short tbody td.stm-dt-cell[data-field-key="detail_from_trx"] .stm-dt-cell-clip,
#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--short tbody td.stm-dt-cell[data-field-key="detailfromtrx"] .stm-dt-cell-clip {
	-webkit-line-clamp: 3;
	line-clamp: 3;
	white-space: pre-wrap;
	line-height: 1.28;
}

#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--medium tbody td.stm-dt-cell .stm-dt-cell-clip.stm-dt-longtext-cell,
#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--medium tbody td.stm-dt-cell[data-field-key="detail"] .stm-dt-cell-clip,
#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--medium tbody td.stm-dt-cell[data-field-key="detail_from_trx"] .stm-dt-cell-clip,
#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--medium tbody td.stm-dt-cell[data-field-key="detailfromtrx"] .stm-dt-cell-clip {
	-webkit-line-clamp: 4;
	line-clamp: 4;
	white-space: pre-wrap;
	line-height: 1.28;
}

#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--tall tbody td.stm-dt-cell .stm-dt-cell-clip.stm-dt-longtext-cell,
#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--tall tbody td.stm-dt-cell[data-field-key="detail"] .stm-dt-cell-clip,
#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--tall tbody td.stm-dt-cell[data-field-key="detail_from_trx"] .stm-dt-cell-clip,
#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--tall tbody td.stm-dt-cell[data-field-key="detailfromtrx"] .stm-dt-cell-clip {
	-webkit-line-clamp: 5;
	line-clamp: 5;
	white-space: pre-wrap;
	line-height: 1.28;
}

#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--xl tbody td.stm-dt-cell .stm-dt-cell-clip.stm-dt-longtext-cell,
#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--xl tbody td.stm-dt-cell[data-field-key="detail"] .stm-dt-cell-clip,
#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--xl tbody td.stm-dt-cell[data-field-key="detail_from_trx"] .stm-dt-cell-clip,
#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--xl tbody td.stm-dt-cell[data-field-key="detailfromtrx"] .stm-dt-cell-clip {
	-webkit-line-clamp: 6;
	line-clamp: 6;
	white-space: pre-wrap;
	line-height: 1.28;
}

#stm-dashboard-root .stm-dt-table--airtable tbody td.stm-dt-cell.is-editing {
	height: auto !important;
	max-height: none !important;
	overflow: visible;
	vertical-align: top;
}

#stm-dashboard-root .stm-dt-table--airtable tbody td.stm-dt-cell.is-editing .stm-dt-cell-clip {
	display: block;
	-webkit-line-clamp: unset;
	line-clamp: unset;
	overflow: visible;
	max-height: none;
	align-items: flex-start;
}

#stm-dashboard-root .stm-dt-table--airtable.is-wrap-headers thead th .stm-dt-th__name {
	white-space: normal;
	overflow: visible;
	text-overflow: unset;
	line-height: 1.2;
	max-width: 100%;
}

#stm-dashboard-root .stm-dt-table--airtable.is-wrap-headers thead th.stm-dt-col-field {
	height: auto;
	min-height: 1.85rem;
	white-space: normal;
}

.stm-dt-row-height-popover {
	min-width: 11.5rem;
	padding: 0.35rem;
}

.stm-dt-row-height-popover .stm-dt-popover__item {
	gap: 0.55rem;
}

.stm-dt-row-height-popover__icon {
	display: inline-flex;
	width: 1.1rem;
	justify-content: center;
	color: #667085;
	flex: 0 0 auto;
}

.stm-dt-row-height-popover__check {
	margin-left: auto;
	color: #175cd3;
	font-size: 0.8rem;
}

#stm-dashboard-root .stm-dt-table--airtable.table > tbody > tr:hover > td {
	background-color: #fafafa;
}

#stm-dashboard-root .stm-dt-table--airtable tbody tr.is-dragging td {
	opacity: 0.55;
}

#stm-dashboard-root .stm-dt-table--airtable tbody tr.is-drag-over td {
	box-shadow: inset 0 2px 0 #111827;
}

#stm-dashboard-root .stm-dt-table--airtable .stm-dt-col-drag {
	width: 2.1rem;
	min-width: 2.1rem;
	max-width: 2.1rem;
	padding: 0 !important;
	text-align: center;
}

#stm-dashboard-root .stm-dt-table--airtable .stm-dt-col-check {
	width: var(--stm-dt-check-col-w, 48px);
	min-width: var(--stm-dt-check-col-w, 48px);
	max-width: var(--stm-dt-check-col-w, 48px);
	text-align: center;
	padding-left: 0.15rem !important;
	padding-right: 0.15rem !important;
	vertical-align: middle;
	/* Freeze: hanya kolom checkbox yang sticky */
	position: sticky;
	left: 0;
	z-index: 3;
	overflow: visible;
	box-sizing: border-box;
	box-shadow: none;
}

#stm-dashboard-root .stm-dt-col-check__inner {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 0.2rem;
	width: 100%;
	min-height: 1.35rem;
	position: relative;
}

#stm-dashboard-root .stm-dt-table--airtable .stm-dt-col-check .stm-dt-row-check {
	cursor: pointer;
	margin: 0;
	vertical-align: middle;
	width: 0.9rem;
	height: 0.9rem;
	flex: 0 0 auto;
}

/* Header select-all: center di kolom check */
#stm-dashboard-root .stm-dt-table--airtable.table > thead > tr > th.stm-dt-col-check,
#stm-dashboard-root #stm-dt-table-head th.stm-dt-col-check {
	text-align: center;
	vertical-align: middle;
}

#stm-dashboard-root .stm-dt-table--airtable.table > thead > tr > th.stm-dt-col-check #stm-dt-select-all,
#stm-dashboard-root #stm-dt-table-head th.stm-dt-col-check #stm-dt-select-all {
	display: block;
	margin: 0 auto;
}

/* Desktop: Expand di kanan checkbox, hanya muncul saat hover baris */
@media (hover: hover) and (pointer: fine) {
	#stm-dashboard-root .stm-dt-table--airtable tbody .stm-dt-expand-btn {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		flex: 0 0 auto;
		position: relative;
		transform: none;
	}

	#stm-dashboard-root .stm-dt-table--airtable tbody tr:hover .stm-dt-expand-btn,
	#stm-dashboard-root .stm-dt-table--airtable tbody .stm-dt-expand-btn:focus,
	#stm-dashboard-root .stm-dt-table--airtable tbody .stm-dt-expand-btn:focus-visible {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		background: #fff;
		border-color: #e4e7ec;
	}
}

#stm-dashboard-root .stm-dt-table--airtable.table > thead > tr > th.stm-dt-col-check,
#stm-dashboard-root .stm-dt-table--airtable.table > tfoot > tr > td.stm-dt-col-check {
	z-index: 5;
	background-color: #f3f4f6;
	background-image: none;
	position: sticky;
}

#stm-dashboard-root .stm-dt-table--airtable.table > tbody > tr > td.stm-dt-col-check {
	background-color: #fff;
	background-image: none;
}

#stm-dashboard-root .stm-dt-table--airtable.table > tbody > tr:hover > td.stm-dt-col-check {
	background-color: #fafafa;
}

#stm-dashboard-root .stm-dt-table--airtable.table > tbody > tr.stm-dt-row.is-row-selected > td.stm-dt-col-check {
	background-color: color-mix(in srgb, var(--stm-accent, #2e90fa) 8%, var(--stm-surface, #fff));
}

#stm-dashboard-root .stm-dt-table--airtable.table > tbody > tr.stm-dt-row.is-row-selected > td {
	background-color: color-mix(in srgb, var(--stm-accent, #2e90fa) 8%, var(--stm-surface, #fff));
}

#stm-dashboard-root .stm-dt-bulk-bar {
	position: absolute;
	left: 50%;
	bottom: 1rem;
	transform: translateX(-50%) translateY(6px);
	z-index: 28;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.65rem;
	flex-wrap: wrap;
	margin: 0;
	padding: 0.4rem 0.55rem 0.4rem 0.75rem;
	max-width: calc(100% - 1.5rem);
	border: 1px solid var(--stm-border, #d0d5dd);
	border-radius: 999px;
	/* section */
	background: var(--stm-surface, #fff);
	box-shadow:
		0 10px 28px rgba(15, 23, 42, 0.14),
		0 2px 8px rgba(15, 23, 42, 0.08);
	pointer-events: auto;
	opacity: 0;
	visibility: hidden;
	transition:
		opacity 120ms ease,
		transform 120ms ease,
		visibility 120ms ease;
}

#stm-dashboard-root .stm-dt-bulk-bar:not(.d-none) {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}

#stm-dashboard-root .stm-dt-bulk-bar__count {
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--stm-text, #1d2939);
	white-space: nowrap;
}

#stm-dashboard-root .stm-dt-bulk-bar__actions {
	display: inline-flex;
	gap: 0.3rem;
	flex-wrap: wrap;
	align-items: center;
}

#stm-dashboard-root .stm-dt-table--airtable .stm-dt-col-no {
	width: 2rem;
	min-width: 1.5rem;
	color: var(--stm-text-subtle);
	text-align: center;
	font-variant-numeric: tabular-nums;
	cursor: context-menu;
	padding-left: 0.2rem !important;
	padding-right: 0.2rem !important;
	overflow: visible;
	box-sizing: border-box;
	box-shadow: none;
	background: transparent;
	background-color: transparent;
}

#stm-dashboard-root .stm-dt-col-no__head {
	display: inline-block;
	font-size: 0.7rem;
	font-weight: 600;
}

#stm-dashboard-root .stm-dt-col-no__inner {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.12rem;
	min-height: 1.25rem;
	width: 100%;
	position: relative;
}

#stm-dashboard-root .stm-dt-col-no__num {
	min-width: 0;
	font-size: 0.72rem;
	line-height: 1.2;
}

#stm-dashboard-root .stm-dt-col-no__agent {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.15rem;
	height: 1.15rem;
	padding: 0;
	border: 0;
	border-radius: 5px;
	background: #e8f3ef;
	color: #1f6f5b;
	cursor: pointer;
	flex-shrink: 0;
	line-height: 0;
}

#stm-dashboard-root .stm-dt-col-no__agent:hover,
#stm-dashboard-root .stm-dt-col-no__agent:focus-visible {
	background: #1f6f5b;
	color: #fff;
	outline: none;
}

#stm-dashboard-root .stm-dt-col-no__agent svg {
	display: block;
}

#stm-dashboard-root .stm-dt-expand-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	flex: 0 0 auto;
	width: 1.05rem;
	height: 1.05rem;
	padding: 0;
	border: 1px solid transparent;
	border-radius: 4px;
	background: transparent;
	color: var(--stm-text-muted, #667085);
	opacity: 0.55;
	cursor: pointer;
	line-height: 1;
	z-index: 1;
	-webkit-tap-highlight-color: transparent;
}

#stm-dashboard-root .stm-dt-expand-btn:hover,
#stm-dashboard-root .stm-dt-expand-btn:focus-visible {
	background: #f2f4f7;
	border-color: #d0d5dd;
	color: #344054;
	opacity: 1;
}

#stm-dashboard-root .stm-dt-expand-btn svg {
	display: block;
	pointer-events: none;
}

#stm-dashboard-root .stm-dt-table--airtable .stm-dt-col-aksi {
	width: 2.25rem;
	min-width: 2.25rem;
	max-width: 2.25rem;
	text-align: center;
	padding-left: 0.15rem !important;
	padding-right: 0.15rem !important;
}

#stm-dashboard-root .stm-dt-table--airtable tbody td.stm-dt-cell--selectable {
	user-select: none;
	cursor: cell;
	position: relative;
}

#stm-dashboard-root .stm-dt-table--airtable tbody td.is-selected {
	background: #eef2ff !important;
	box-shadow: inset 0 0 0 1px #111827;
	outline: none;
	z-index: 1;
}

#stm-dashboard-root .stm-dt-table--airtable tbody td.is-selected-anchor {
	box-shadow: inset 0 0 0 2px #111827;
}

#stm-dashboard-root .stm-dt-table--airtable tbody td.is-editing {
	cursor: text;
	user-select: text;
}

#stm-dashboard-root .stm-dt-th--resizable {
	padding: 0 !important;
}

#stm-dashboard-root .stm-dt-th__btn {
	display: flex;
	align-items: center;
	gap: 0.22rem;
	width: 100%;
	min-height: 1.5rem;
	padding: 0.1rem 0.7rem 0.1rem 0.3rem;
	margin: 0;
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	font-weight: 600;
	text-align: left;
	cursor: pointer;
}

#stm-dashboard-root .stm-dt-th__btn:hover,
#stm-dashboard-root .stm-dt-col-field.is-menu-open .stm-dt-th__btn {
	background: color-mix(in srgb, var(--stm-surface-muted, #f2f4f7) 70%, #dbeafe);
}

#stm-dashboard-root .stm-dt-col-field.is-header-bg-red,
#stm-dashboard-root .stm-dt-col-field.is-header-bg-red .stm-dt-th__btn { background-color: #fef3f2; }
#stm-dashboard-root .stm-dt-col-field.is-header-bg-rose,
#stm-dashboard-root .stm-dt-col-field.is-header-bg-rose .stm-dt-th__btn { background-color: #fff1f3; }
#stm-dashboard-root .stm-dt-col-field.is-header-bg-orange,
#stm-dashboard-root .stm-dt-col-field.is-header-bg-orange .stm-dt-th__btn { background-color: #fff6ed; }
#stm-dashboard-root .stm-dt-col-field.is-header-bg-amber,
#stm-dashboard-root .stm-dt-col-field.is-header-bg-amber .stm-dt-th__btn { background-color: #fffaeb; }
#stm-dashboard-root .stm-dt-col-field.is-header-bg-yellow,
#stm-dashboard-root .stm-dt-col-field.is-header-bg-yellow .stm-dt-th__btn { background-color: #fefce8; }
#stm-dashboard-root .stm-dt-col-field.is-header-bg-lime,
#stm-dashboard-root .stm-dt-col-field.is-header-bg-lime .stm-dt-th__btn { background-color: #f7fee7; }
#stm-dashboard-root .stm-dt-col-field.is-header-bg-green,
#stm-dashboard-root .stm-dt-col-field.is-header-bg-green .stm-dt-th__btn { background-color: #ecfdf3; }
#stm-dashboard-root .stm-dt-col-field.is-header-bg-mint,
#stm-dashboard-root .stm-dt-col-field.is-header-bg-mint .stm-dt-th__btn { background-color: #edfcf2; }
#stm-dashboard-root .stm-dt-col-field.is-header-bg-teal,
#stm-dashboard-root .stm-dt-col-field.is-header-bg-teal .stm-dt-th__btn { background-color: #f0fdf9; }
#stm-dashboard-root .stm-dt-col-field.is-header-bg-cyan,
#stm-dashboard-root .stm-dt-col-field.is-header-bg-cyan .stm-dt-th__btn { background-color: #ecfeff; }
#stm-dashboard-root .stm-dt-col-field.is-header-bg-sky,
#stm-dashboard-root .stm-dt-col-field.is-header-bg-sky .stm-dt-th__btn { background-color: #f0f9ff; }
#stm-dashboard-root .stm-dt-col-field.is-header-bg-blue,
#stm-dashboard-root .stm-dt-col-field.is-header-bg-blue .stm-dt-th__btn { background-color: #eff8ff; }
#stm-dashboard-root .stm-dt-col-field.is-header-bg-indigo,
#stm-dashboard-root .stm-dt-col-field.is-header-bg-indigo .stm-dt-th__btn { background-color: #eef4ff; }
#stm-dashboard-root .stm-dt-col-field.is-header-bg-purple,
#stm-dashboard-root .stm-dt-col-field.is-header-bg-purple .stm-dt-th__btn { background-color: #f4f3ff; }
#stm-dashboard-root .stm-dt-col-field.is-header-bg-violet,
#stm-dashboard-root .stm-dt-col-field.is-header-bg-violet .stm-dt-th__btn { background-color: #f5f3ff; }
#stm-dashboard-root .stm-dt-col-field.is-header-bg-pink,
#stm-dashboard-root .stm-dt-col-field.is-header-bg-pink .stm-dt-th__btn { background-color: #fdf2fa; }
#stm-dashboard-root .stm-dt-col-field.is-header-bg-fuchsia,
#stm-dashboard-root .stm-dt-col-field.is-header-bg-fuchsia .stm-dt-th__btn { background-color: #fdf4ff; }
#stm-dashboard-root .stm-dt-col-field.is-header-bg-brown,
#stm-dashboard-root .stm-dt-col-field.is-header-bg-brown .stm-dt-th__btn { background-color: #fef6ee; }
#stm-dashboard-root .stm-dt-col-field.is-header-bg-gray,
#stm-dashboard-root .stm-dt-col-field.is-header-bg-gray .stm-dt-th__btn { background-color: #f2f4f7; }
#stm-dashboard-root .stm-dt-col-field.is-header-bg-slate,
#stm-dashboard-root .stm-dt-col-field.is-header-bg-slate .stm-dt-th__btn { background-color: #f8fafc; }
#stm-dashboard-root .stm-dt-col-field.is-header-bg-black,
#stm-dashboard-root .stm-dt-col-field.is-header-bg-black .stm-dt-th__btn { background-color: #e4e7ec; }

#stm-dashboard-root .stm-dt-col-field[class*="is-header-bg-"]:hover .stm-dt-th__btn,
#stm-dashboard-root .stm-dt-col-field[class*="is-header-bg-"].is-menu-open .stm-dt-th__btn {
	filter: brightness(0.97);
}

#stm-dashboard-root .stm-dt-th__type {
	flex: 0 0 auto;
	width: 1.1rem;
	height: 1.1rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	background: #eef2f6;
	color: #475467;
	font-size: 0.65rem;
	font-weight: 700;
	line-height: 1;
}

#stm-dashboard-root .stm-dt-th__name {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#stm-dashboard-root .stm-dt-th__caret {
	flex: 0 0 auto;
	opacity: 0;
	font-size: 0.95rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.02em;
	color: #667085;
	padding: 0 0.1rem;
}

#stm-dashboard-root .stm-dt-col-field:hover .stm-dt-th__caret,
#stm-dashboard-root .stm-dt-col-field.is-menu-open .stm-dt-th__caret {
	opacity: 1;
}

#stm-dashboard-root .stm-dt-col-field {
	cursor: grab;
}

#stm-dashboard-root .stm-dt-col-field:active {
	cursor: grabbing;
}

#stm-dashboard-root .stm-dt-col-field.is-field-dragging {
	opacity: 0.45;
}

#stm-dashboard-root .stm-dt-col-field.is-field-drop-left {
	box-shadow: inset 2px 0 0 #111827;
}

#stm-dashboard-root .stm-dt-col-field.is-field-drop-right {
	box-shadow: inset -2px 0 0 #111827;
}

#stm-dashboard-root .stm-dt-col-resizer {
	position: absolute;
	top: 0;
	right: -3px;
	width: 10px;
	height: 100%;
	cursor: col-resize;
	z-index: 2;
}

#stm-dashboard-root .stm-dt-col-resizer::after {
	content: "";
	position: absolute;
	top: 20%;
	right: 2px;
	width: 2px;
	height: 60%;
	border-radius: 1px;
	background: transparent;
}

#stm-dashboard-root .stm-dt-table--airtable thead th:hover .stm-dt-col-resizer::after,
#stm-dashboard-root .stm-dt-col-resizer:hover::after {
	background: #98a2b3;
}

#stm-dashboard-root .stm-dt-table--airtable tbody td.stm-dt-cell.is-parsing {
	position: relative;
}

#stm-dashboard-root .stm-dt-table--airtable tbody td.stm-dt-cell.is-parsing::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(
		105deg,
		transparent 0%,
		rgba(14, 165, 233, 0.08) 40%,
		rgba(56, 189, 248, 0.16) 50%,
		rgba(14, 165, 233, 0.08) 60%,
		transparent 100%
	);
	background-size: 200% 100%;
	animation: stm-dt-smart-parse 0.9s ease-in-out infinite;
	pointer-events: none;
	z-index: 2;
}

#stm-dashboard-root .stm-dt-table--airtable tbody td.stm-dt-cell.stm-dt-cell--saving {
	opacity: 0.72;
}

#stm-dashboard-root .stm-dt-table--airtable tbody td.stm-dt-cell.stm-dt-cell--saved {
	box-shadow: inset 0 0 0 2px rgba(40, 167, 69, 0.45);
	transition: box-shadow 0.2s ease;
}

@keyframes stm-dt-smart-parse {
	0% { background-position: 120% 0; }
	100% { background-position: -120% 0; }
}

#stm-dashboard-root .stm-dt-formula-cell {
	color: var(--stm-text-muted, #667085);
	font-style: italic;
}

#stm-dashboard-root .stm-dt-formula-cell.is-error {
	color: #b42318;
	font-style: normal;
}

#stm-dashboard-root .stm-dt-cell-clip--ai {
	display: flex;
	align-items: flex-start;
	gap: 0.25rem;
	width: 100%;
	min-width: 0;
}

#stm-dashboard-root .stm-dt-cell-clip--ai > :first-child {
	flex: 1 1 auto;
	min-width: 0;
}

#stm-dashboard-root .stm-dt-cell-clip--contact-stack {
	display: flex !important;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: 0.2rem;
	-webkit-line-clamp: unset !important;
	line-clamp: unset !important;
	white-space: normal !important;
	overflow: hidden;
	max-height: 100%;
}

#stm-dashboard-root .stm-dt-cell-clip--ai.stm-dt-cell-clip--contact-stack {
	align-items: flex-start;
}

#stm-dashboard-root .stm-dt-cell-clip--ai.stm-dt-cell-clip--contact-stack > .stm-dt-contact-stack {
	flex: 1 1 auto;
	min-width: 0;
}

#stm-dashboard-root .stm-dt-cell-clip--ai.stm-dt-cell-clip--contact-stack > .stm-dt-ai-cell__gen {
	flex: 0 0 auto;
	margin-top: 0.05rem;
}

#stm-dashboard-root .stm-dt-contact-stack {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	gap: 0.08rem;
	min-width: 0;
	width: 100%;
	line-height: 1.2;
}

#stm-dashboard-root .stm-dt-contact-stack__name {
	min-width: 0;
	overflow: hidden;
	font-weight: 600;
	font-size: 0.8125rem;
	color: var(--stm-text, #111827);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-clamp: 1;
}

#stm-dashboard-root .stm-dt-contact-stack__name .stm-dt-label-chip,
#stm-dashboard-root .stm-dt-contact-stack__name .stm-dt-ramaya-link-chip {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#stm-dashboard-root .stm-dt-contact-stack__line {
	display: flex;
	align-items: center;
	gap: 0.22rem;
	min-width: 0;
	overflow: hidden;
	white-space: nowrap;
	font-size: 0.6875rem;
	font-weight: 500;
	line-height: 1.25;
	color: #64748b;
	text-decoration: none;
}

#stm-dashboard-root .stm-dt-contact-stack__line.is-editable {
	cursor: text;
	border-radius: 3px;
	padding: 0.02rem 0.08rem;
	margin: 0 -0.08rem;
}

#stm-dashboard-root .stm-dt-contact-stack__line.is-editable:hover {
	background: rgba(2, 132, 199, 0.06);
}

#stm-dashboard-root .stm-dt-contact-stack__line.is-editing {
	background: #fff;
	box-shadow: inset 0 0 0 1px #7dd3fc;
}

#stm-dashboard-root .stm-dt-contact-stack__action {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1rem;
	height: 1rem;
	padding: 0;
	border: 0;
	border-radius: 3px;
	background: transparent;
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

#stm-dashboard-root a.stm-dt-contact-stack__action:hover,
#stm-dashboard-root a.stm-dt-contact-stack__action:focus-visible,
#stm-dashboard-root button.stm-dt-contact-stack__action:hover,
#stm-dashboard-root button.stm-dt-contact-stack__action:focus-visible {
	color: #0284c7;
	background: #e0f2fe;
	outline: none;
}

#stm-dashboard-root .stm-dt-contact-stack__icon {
	flex: 0 0 auto;
	width: 10px;
	height: 10px;
	opacity: 0.72;
}

#stm-dashboard-root .stm-dt-contact-stack__text {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#stm-dashboard-root .stm-dt-contact-stack__text.is-placeholder {
	font-style: italic;
	font-weight: 400;
	color: #94a3b8;
}

#stm-dashboard-root .stm-dt-contact-stack__input {
	flex: 1 1 auto;
	min-width: 0;
	width: 100%;
	border: 0;
	outline: 0;
	background: transparent;
	font: inherit;
	font-size: 0.6875rem;
	line-height: 1.25;
	color: #0f172a;
	padding: 0;
}

#stm-dashboard-root .stm-dt-contact-stack__copy {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1rem;
	height: 1rem;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 3px;
	background: transparent;
	color: #94a3b8;
	cursor: pointer;
	opacity: 0;
}

#stm-dashboard-root .stm-dt-contact-stack__line:hover .stm-dt-contact-stack__copy,
#stm-dashboard-root .stm-dt-contact-stack__line:focus-within .stm-dt-contact-stack__copy,
#stm-dashboard-root .stm-dt-contact-stack__copy:focus-visible {
	opacity: 1;
}

#stm-dashboard-root .stm-dt-contact-stack__copy:hover,
#stm-dashboard-root .stm-dt-contact-stack__copy:focus-visible {
	color: #0284c7;
	background: #e0f2fe;
	outline: none;
}

#stm-dashboard-root .stm-dt-contact-stack__copy.is-copied {
	opacity: 1;
	color: #059669;
	background: #d1fae5;
}

#stm-dashboard-root .stm-dt-contact-stack__phone {
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.01em;
	color: #475569;
}

#stm-dashboard-root .stm-dt-contact-stack__email {
	color: #64748b;
	text-transform: none;
}

#stm-dashboard-root .stm-dt-contact-stack__line:hover .stm-dt-contact-stack__icon,
#stm-dashboard-root .stm-dt-contact-stack__line:focus-within .stm-dt-contact-stack__icon {
	opacity: 1;
}

#stm-dashboard-root .stm-dt-contact-stack__line.is-pending {
	opacity: 0.55;
	pointer-events: none;
}

#stm-dashboard-root .stm-dt-table--airtable tbody td.stm-dt-cell:has(.stm-dt-cell-clip--contact-stack) {
	vertical-align: top;
}

#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--short tbody td.stm-dt-cell:has(.stm-dt-cell-clip--contact-stack) {
	height: 3.35rem;
	max-height: 3.35rem;
}

#stm-dashboard-root .stm-dt-expand-ai-btn {
	margin-top: 0;
	align-self: center;
}

#stm-dt-expand-modal .stm-dt-expand-ai-btn {
	align-self: center;
	height: 1.25rem;
	min-width: 1.4rem;
	padding: 0 0.35rem;
	border: 1px solid #bae6fd;
	border-radius: 5px;
	background: #f0f9ff;
	color: #0369a1;
	font-size: 0.6rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1;
	cursor: pointer;
}

#stm-dt-expand-modal .stm-dt-expand-ai-btn:hover {
	background: #e0f2fe;
}

#stm-dt-expand-modal .stm-dt-expand-ai-btn:disabled {
	opacity: 0.55;
	cursor: wait;
}

#stm-dashboard-root .stm-dt-ai-sources {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	max-height: 9rem;
	overflow: auto;
	padding: 0.5rem 0.6rem;
	border: 1px solid var(--stm-border-strong, #e5e7eb);
	border-radius: 8px;
	background: #fafafa;
}

#stm-dashboard-root .stm-dt-ai-sources__item {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	margin: 0;
	font-size: 0.8125rem;
	color: var(--stm-text, #111827);
	cursor: pointer;
}

#stm-dashboard-root .stm-dt-ai-sources__item input {
	margin: 0;
}

#stm-dashboard-root .stm-dt-ai-cell {
	display: flex;
	align-items: flex-start;
	gap: 0.35rem;
	min-width: 0;
	width: 100%;
}

#stm-dashboard-root .stm-dt-ai-cell__text {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

#stm-dashboard-root .stm-dt-ai-cell__gen {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.35rem;
	height: 1.35rem;
	padding: 0;
	border: 1px solid transparent;
	border-radius: 5px;
	background: transparent;
	color: #0284c7;
	cursor: pointer;
}

#stm-dashboard-root .stm-dt-ai-cell__gen:hover,
#stm-dashboard-root .stm-dt-ai-cell__gen:focus-visible {
	outline: none;
	background: #e0f2fe;
	border-color: #bae6fd;
}

#stm-dashboard-root .stm-dt-ai-cell__gen.is-busy {
	opacity: 0.55;
	pointer-events: none;
}

#stm-dashboard-root .stm-dt-cell--trip-fill {
	position: relative;
	overflow: visible !important;
}

#stm-dashboard-root .stm-dt-cell--trip-fill > .stm-dt-cell-clip {
	padding-right: 1.55rem;
}

#stm-dashboard-root .stm-dt-trip-fill__btn {
	position: absolute;
	top: 0.28rem;
	right: 0.28rem;
	z-index: 5;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.4rem;
	height: 1.4rem;
	padding: 0;
	border: 1px solid rgba(15, 118, 110, 0.28);
	border-radius: 6px;
	background: #f0fdfa;
	color: #0f766e;
	cursor: pointer;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}

#stm-dashboard-root .stm-dt-trip-fill__btn:hover,
#stm-dashboard-root .stm-dt-trip-fill__btn:focus-visible {
	outline: none;
	background: #ccfbf1;
	border-color: #14b8a6;
	color: #0f766e;
}

#stm-dashboard-root .stm-dt-trip-fill__btn.is-busy {
	opacity: 0.5;
	pointer-events: none;
}

#stm-dashboard-root .stm-dt-expand-ai {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

#stm-dashboard-root .stm-dt-inline-input--smart {
	font-variant-numeric: normal;
}

#stm-dashboard-root .stm-dt-inline-editor--smart-date {
	display: block;
	width: 100%;
}

#stm-dashboard-root .stm-dt-smart-date {
	display: flex;
	align-items: center;
	gap: 0.2rem;
	width: 100%;
	min-width: 0;
}

#stm-dashboard-root .stm-dt-smart-date .stm-dt-inline-input--smart,
#stm-dashboard-root .stm-dt-smart-date .form-control {
	flex: 1 1 auto;
	min-width: 0;
}

#stm-dashboard-root .stm-dt-smart-date__btn {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.55rem;
	height: 1.55rem;
	padding: 0;
	border: 1px solid transparent;
	border-radius: 5px;
	background: transparent;
	color: var(--stm-text-muted, #667085);
	cursor: pointer;
	transition: background 160ms ease, color 160ms ease, border-color 160ms ease;
}

#stm-dashboard-root .stm-dt-smart-date__btn:hover,
#stm-dashboard-root .stm-dt-smart-date__btn:focus-visible {
	outline: none;
	color: var(--stm-text, #111827);
	background: #f2f4f7;
	border-color: #e5e7eb;
}

#stm-dashboard-root .stm-dt-smart-date__picker {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
	border: 0;
	padding: 0;
	margin: 0;
}

#stm-dashboard-root .stm-dt-smart-date--expand {
	position: relative;
	gap: 0.4rem;
}

#stm-dashboard-root .stm-dt-smart-date--expand .stm-dt-smart-date__btn {
	width: 2rem;
	height: 2rem;
	border-color: var(--stm-border-strong, #e5e7eb);
	background: #fff;
}

/* Expand: date field looks like grid familiar date + opens datetime picker */
.stm-dt-expand-date,
#stm-dashboard-root .stm-dt-expand-date {
	width: 100%;
	min-width: 0;
}

.stm-dt-expand-date__trigger,
#stm-dashboard-root .stm-dt-expand-date__trigger {
	appearance: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.55rem;
	width: 100%;
	min-height: 2.5rem;
	padding: 0.45rem 0.65rem;
	border: 1px solid #d7e3f4;
	border-radius: 10px;
	background: linear-gradient(180deg, #f7fbf9 0%, #f4f8fc 100%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
	color: #0f172a;
	text-align: left;
	cursor: pointer;
	transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.stm-dt-expand-date__trigger:hover,
.stm-dt-expand-date__trigger:focus-visible,
#stm-dashboard-root .stm-dt-expand-date__trigger:hover,
#stm-dashboard-root .stm-dt-expand-date__trigger:focus-visible {
	outline: none;
	border-color: #84caff;
	background: #fff;
	box-shadow: 0 0 0 3px rgba(46, 144, 250, 0.12);
}

.stm-dt-expand-date__trigger:disabled,
#stm-dashboard-root .stm-dt-expand-date__trigger:disabled {
	cursor: default;
	opacity: 0.85;
	background: #f9fafb;
	border-color: #e4e7ec;
	box-shadow: none;
}

.stm-dt-expand-date__empty,
#stm-dashboard-root .stm-dt-expand-date__empty {
	color: #98a2b3;
	font-size: 0.8125rem;
}

.stm-dt-expand-date__icon,
#stm-dashboard-root .stm-dt-expand-date__icon {
	flex: 0 0 auto;
	display: inline-flex;
	color: #667085;
}

.stm-dt-expand-date__trigger .stm-dt-time-cell,
#stm-dashboard-root .stm-dt-expand-date__trigger .stm-dt-time-cell {
	flex: 1 1 auto;
	min-width: 0;
	font-size: 0.875rem;
	color: #0f172a;
}

.stm-dt-expand-date__trigger .stm-dt-time-cell--split,
.stm-dt-expand-date__trigger .stm-dt-time-cell--expand,
#stm-dashboard-root .stm-dt-expand-date__trigger .stm-dt-time-cell--split,
#stm-dashboard-root .stm-dt-expand-date__trigger .stm-dt-time-cell--expand {
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.7rem;
	white-space: nowrap;
	line-height: 1.25;
}

.stm-dt-expand-date__trigger .stm-dt-time-cell--split .stm-dt-time-cell__date::after,
.stm-dt-expand-date__trigger .stm-dt-time-cell--expand .stm-dt-time-cell__date::after,
#stm-dashboard-root .stm-dt-expand-date__trigger .stm-dt-time-cell--split .stm-dt-time-cell__date::after,
#stm-dashboard-root .stm-dt-expand-date__trigger .stm-dt-time-cell--expand .stm-dt-time-cell__date::after {
	content: none !important;
}

.stm-dt-expand-date__trigger .stm-dt-time-cell__date,
.stm-dt-expand-date__trigger .stm-dt-time-cell__time,
#stm-dashboard-root .stm-dt-expand-date__trigger .stm-dt-time-cell__date,
#stm-dashboard-root .stm-dt-expand-date__trigger .stm-dt-time-cell__time {
	display: inline-flex;
	align-items: center;
	gap: 0.32rem;
	white-space: nowrap;
}

.stm-dt-expand-date__trigger .stm-dt-time-cell__ico,
#stm-dashboard-root .stm-dt-expand-date__trigger .stm-dt-time-cell__ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	color: #98a2b3;
}

.stm-dt-expand-date__trigger .stm-dt-time-cell__ico svg,
#stm-dashboard-root .stm-dt-expand-date__trigger .stm-dt-time-cell__ico svg {
	display: block;
}

.stm-dt-expand-date__trigger .stm-dt-time-cell__time,
#stm-dashboard-root .stm-dt-expand-date__trigger .stm-dt-time-cell__time {
	color: #475467;
	font-variant-numeric: tabular-nums;
}

@media (max-width: 767.98px) {
	.stm-dt-expand-date__trigger .stm-dt-time-cell--split,
	.stm-dt-expand-date__trigger .stm-dt-time-cell--expand,
	#stm-dashboard-root .stm-dt-expand-date__trigger .stm-dt-time-cell--split,
	#stm-dashboard-root .stm-dt-expand-date__trigger .stm-dt-time-cell--expand {
		display: inline-flex !important;
		flex-direction: row !important;
		flex-wrap: wrap;
		align-items: center;
		gap: 0.65rem;
	}
}

#stm-dashboard-root .stm-dt-add-col {
	border: 0;
	background: transparent;
	color: var(--stm-text-subtle);
	font-size: 1rem;
	line-height: 1;
	width: 100%;
	height: 1.85rem;
}

#stm-dashboard-root .stm-dt-add-col:hover {
	color: var(--stm-text);
	background: #f2f4f7;
}

#stm-dashboard-root .stm-dt-add-row-rail {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0;
	min-height: 0;
	width: max-content;
	max-width: calc(100% - 0.5rem);
	pointer-events: none;
}

#stm-dashboard-root .stm-dt-grid-shell > .stm-dt-add-row-rail {
	position: absolute;
	left: 0;
	bottom: calc(var(--stm-dt-grid-scrollbar-h, 0px) + var(--stm-dt-grid-foot-h, 0px));
	z-index: 6;
	padding: 0.15rem 0.35rem 0.15rem 0.45rem;
	background: transparent;
}

#stm-dashboard-root .stm-dt-add-row-rail .stm-dt-add-row-btn {
	pointer-events: auto;
}

#stm-dashboard-root .stm-dt-add-row-rail__hint {
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.01em;
	color: var(--stm-text-subtle, #9ca3af);
	opacity: 0;
	transform: translateX(-6px);
	transition:
		opacity 280ms cubic-bezier(0.22, 1, 0.36, 1),
		transform 280ms cubic-bezier(0.22, 1, 0.36, 1),
		color 200ms ease;
	pointer-events: none;
	user-select: none;
}

#stm-dashboard-root .stm-dt-add-row-rail:hover .stm-dt-add-row-rail__hint,
#stm-dashboard-root .stm-dt-add-row-btn:focus-visible ~ .stm-dt-add-row-rail__hint {
	opacity: 1;
	transform: translateX(0);
	color: var(--stm-text-muted, #6b7280);
}

#stm-dashboard-root .stm-dt-add-row-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	padding: 0;
	border: 1px solid var(--stm-border-strong, #e5e7eb);
	border-radius: 999px;
	background: #fff;
	color: var(--stm-text, #111827);
	cursor: pointer;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
	transition:
		border-color 200ms ease,
		background 200ms ease,
		transform 200ms ease;
}

#stm-dashboard-root .stm-dt-add-row-btn__icon {
	display: inline-flex;
	line-height: 0;
	transition: transform 320ms cubic-bezier(0.22, 1, 0.36, 1);
}

#stm-dashboard-root .stm-dt-add-row-btn__icon svg {
	display: block;
}

#stm-dashboard-root .stm-dt-add-row-btn:hover,
#stm-dashboard-root .stm-dt-add-row-btn:focus-visible {
	outline: none;
	border-color: #d0d5dd;
	background: #f9fafb;
}

#stm-dashboard-root .stm-dt-add-row-btn:hover .stm-dt-add-row-btn__icon,
#stm-dashboard-root .stm-dt-add-row-btn:focus-visible .stm-dt-add-row-btn__icon {
	transform: rotate(90deg);
}

#stm-dashboard-root .stm-dt-add-row-btn:active {
	transform: scale(0.94);
}

#stm-dashboard-root .stm-panel--data-table.is-trash-view .stm-dt-add-row-rail {
	display: none;
}

/* Report: baris ringkas 1 line — tanpa stack/reaksi/agent/NEW. */
#stm-dashboard-root .stm-panel--data-table.is-report-simple .stm-dt-cell-reactions,
#stm-dashboard-root .stm-panel--data-table.is-report-simple .stm-dt-contact-stack__line,
#stm-dashboard-root .stm-panel--data-table.is-report-simple .stm-dt-dprt-trip,
#stm-dashboard-root .stm-panel--data-table.is-report-simple .stm-dt-trip-fill__btn,
#stm-dashboard-root .stm-panel--data-table.is-report-simple .stm-dt-nama-warna,
#stm-dashboard-root .stm-panel--data-table.is-report-simple .stm-dt-col-no__agent,
#stm-dashboard-root .stm-panel--data-table.is-report-simple .stm-dt-new-badge__label {
	display: none !important;
}

#stm-dashboard-root .stm-panel--data-table.is-report-simple tr.is-row-new-unread > td {
	background-color: inherit !important;
}

#stm-dashboard-root .stm-panel--data-table.is-report-simple .stm-dt-new-badge {
	display: none !important;
}

#stm-dashboard-root .stm-panel--data-table.is-report-simple .stm-dt-cell-clip {
	display: block;
	max-height: 1.35em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.35;
}

#stm-dashboard-root .stm-panel--data-table.is-report-simple .stm-dt-contact-stack,
#stm-dashboard-root .stm-panel--data-table.is-report-simple .stm-dt-contact-stack__name,
#stm-dashboard-root .stm-panel--data-table.is-report-simple .stm-dt-dprt-stack,
#stm-dashboard-root .stm-panel--data-table.is-report-simple .stm-dt-trip-stack {
	display: block;
	max-height: 1.35em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#stm-dashboard-root .stm-panel--data-table.is-report-simple #stm-dt-table.stm-dt-row-h--short td.stm-dt-cell,
#stm-dashboard-root .stm-panel--data-table.is-report-simple #stm-dt-table.stm-dt-row-h--xs td.stm-dt-cell {
	height: 2rem;
	max-height: 2rem;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	vertical-align: middle;
}

/* Report: hide agent/NEW even if class only on root */
#stm-dashboard-root #stm-data-table-root.is-report-simple .stm-dt-col-no__agent,
#stm-dashboard-root #stm-data-table-root.is-report-simple .stm-dt-new-badge,
#stm-dashboard-root #stm-data-table-root.is-report-simple .stm-dt-new-badge__label,
#stm-dashboard-root .stm-panel--data-table.is-report-simple .stm-dt-new-badge {
	display: none !important;
}

#stm-dashboard-root #stm-data-table-root.is-report-simple .stm-dt-selection-sum,
#stm-dashboard-root .stm-panel--data-table.is-report-simple .stm-dt-selection-sum {
	display: none !important;
}

/* Baris baru masuk: fade baris (serentak, bukan per-cell) */
#stm-dashboard-root .stm-dt-table--airtable.table > tbody > tr.stm-dt-row.is-row-enter > td {
	animation: stm-dt-row-enter 520ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

/* Insert dari atas (webhook / newest-first): masuk dari atas */
#stm-dashboard-root .stm-dt-table--airtable.table > tbody > tr.stm-dt-row.is-row-enter.is-row-enter--top > td {
	animation: stm-dt-row-enter-top 480ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

/* Tambah baris manual di bawah: masuk dari bawah */
#stm-dashboard-root .stm-dt-table--airtable.table > tbody > tr.stm-dt-row.is-row-enter.is-row-enter--bottom > td {
	animation: stm-dt-row-enter-bottom 520ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

#stm-dashboard-root .stm-dt-table--airtable.table > tbody > tr.stm-dt-row.is-row-shift-down {
	will-change: transform;
}

/* section */
#stm-dashboard-root .stm-dt-table--airtable.table > tbody > tr.stm-dt-row.is-row-exit {
	pointer-events: none;
	transition:
		height 320ms cubic-bezier(0.22, 1, 0.36, 1),
		max-height 320ms cubic-bezier(0.22, 1, 0.36, 1),
		opacity 240ms ease;
}

#stm-dashboard-root .stm-dt-table--airtable.table > tbody > tr.stm-dt-row.is-row-exit > td {
	overflow: hidden;
	vertical-align: top;
	border-bottom-color: transparent !important;
	transition:
		padding 320ms cubic-bezier(0.22, 1, 0.36, 1),
		opacity 240ms ease,
		border-color 200ms ease;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	opacity: 0;
}

#stm-dashboard-root .stm-dt-table--airtable.table > tbody > tr.stm-dt-row.is-row-exit > td.stm-dt-cell {
	/* Biarkan tinggi baris dikontrol oleh <tr>, jangan loncat ke 0 di td */
	height: auto !important;
	max-height: none !important;
	min-height: 0 !important;
}

#stm-dashboard-root .stm-dt-table--airtable.table > tbody > tr.stm-dt-row.is-row-exit > td > * {
	opacity: 0;
	transition: opacity 160ms ease;
}

#stm-dashboard-root #stm-dt-grid-shell.is-new-rows-flash {
	animation: stm-dt-grid-flash 640ms ease-out both;
}

#stm-dashboard-root .stm-dt-total-label.is-new-rows-pulse {
	animation: stm-dt-total-pulse 560ms ease-out both;
}

/* Baris baru webhook: aksen vertikal kiri (seperti status tab) */
#stm-dashboard-root .stm-dt-table--airtable.table > tbody > tr.stm-dt-row.is-row-new-unread {
	--stm-dt-frozen-bg: #f8fcff;
}

#stm-dashboard-root .stm-dt-table--airtable.table > tbody > tr.stm-dt-row.is-row-new-unread > td {
	background-color: #f8fcff !important;
	transition: background-color 180ms ease;
}

#stm-dashboard-root .stm-dt-table--airtable.table > tbody > tr.stm-dt-row.is-row-new-unread > td.stm-dt-col-check {
	/* section */
	position: sticky !important;
	left: 0 !important;
	z-index: 5 !important;
	overflow: visible;
	width: var(--stm-dt-check-col-w, 34px) !important;
	min-width: var(--stm-dt-check-col-w, 34px) !important;
	max-width: var(--stm-dt-check-col-w, 34px) !important;
	padding: 0.15rem 0 !important;
	text-align: center;
	vertical-align: middle;
	background: var(--stm-dt-frozen-bg, #f8fcff) !important;
	background-color: var(--stm-dt-frozen-bg, #f8fcff) !important;
	background-image: none !important;
	box-shadow: inset 3px 0 0 #0ea5e9 !important;
}

#stm-dashboard-root .stm-dt-table--airtable.table > tbody > tr.stm-dt-row.is-row-new-unread > td.stm-dt-col-no {
	position: static !important;
	left: auto !important;
	z-index: auto !important;
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	overflow: hidden;
}

/* section */
#stm-dashboard-root .stm-dt-table--airtable.table > tbody > tr.stm-dt-row.is-row-new-unread .stm-dt-new-badge {
	position: static;
	left: auto;
	top: auto;
	bottom: auto;
	transform: none;
	width: 100%;
	height: auto;
	min-height: 0;
	max-height: none;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.12rem;
	padding: 0;
	box-sizing: border-box;
	overflow: visible;
	isolation: auto;
	background: transparent !important;
	background-image: none !important;
	border-radius: 0;
	box-shadow: none !important;
	animation: none;
	z-index: auto;
	pointer-events: auto;
}

#stm-dashboard-root .stm-dt-table--airtable.table > tbody > tr.stm-dt-row.is-row-new-unread .stm-dt-new-badge .stm-dt-row-check {
	flex: 0 0 auto;
	width: 0.9rem;
	height: 0.9rem;
	margin: 0;
	cursor: pointer;
}

#stm-dashboard-root .stm-dt-table--airtable.table > tbody > tr.stm-dt-row.is-row-new-unread .stm-dt-new-badge__label {
	flex: 0 0 auto;
	display: inline-block;
	color: #0369a1;
	font-size: 0.5rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	writing-mode: horizontal-tb;
	transform: none;
	background: #e0f2fe;
	border-radius: 3px;
	padding: 0.08rem 0.2rem;
	text-shadow: none;
	user-select: none;
	pointer-events: none;
}

#stm-dashboard-root .stm-dt-table--airtable.table > tbody > tr.stm-dt-row.is-row-new-unread > td.stm-dt-col-check::before {
	content: none;
	display: none;
}

#stm-dashboard-root .stm-dt-table--airtable.table > tbody > tr.stm-dt-row.is-row-new-unread.is-row-selected > td,
#stm-dashboard-root .stm-dt-table--airtable.table > tbody > tr.stm-dt-row.is-row-new-unread:hover > td {
	background-color: #eff8ff !important;
}

#stm-dashboard-root .stm-dt-table--airtable.table > tbody > tr.stm-dt-row.is-row-new-unread.is-row-selected .stm-dt-new-badge,
#stm-dashboard-root .stm-dt-table--airtable.table > tbody > tr.stm-dt-row.is-row-new-unread:hover .stm-dt-new-badge {
	box-shadow: none !important;
}

@keyframes stm-dt-new-tab-cloud {
	0% {
		background-position: 0% 8%, 100% 92%, 50% 50%, 0% 0%;
	}
	25% {
		background-position: 85% 35%, 15% 65%, 72% 28%, 0% 0%;
	}
	50% {
		background-position: 35% 95%, 75% 5%, 28% 72%, 0% 0%;
	}
	75% {
		background-position: 95% 60%, 5% 40%, 62% 18%, 0% 0%;
	}
	100% {
		background-position: 0% 8%, 100% 92%, 50% 50%, 0% 0%;
	}
}

@keyframes stm-dt-new-tab-rainbow {
	0% {
		filter: hue-rotate(0deg) saturate(0.88) brightness(1.02);
	}
	20% {
		filter: hue-rotate(62deg) saturate(0.82) brightness(1.04);
	}
	40% {
		filter: hue-rotate(130deg) saturate(0.8) brightness(1.03);
	}
	60% {
		filter: hue-rotate(205deg) saturate(0.84) brightness(1.02);
	}
	80% {
		filter: hue-rotate(285deg) saturate(0.82) brightness(1.03);
	}
	100% {
		filter: hue-rotate(360deg) saturate(0.88) brightness(1.02);
	}
}

@keyframes stm-dt-row-enter {
	0% {
		opacity: 0;
		transform: translateY(4px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes stm-dt-row-enter-top {
	0% {
		opacity: 0;
		transform: translateY(-12px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes stm-dt-row-enter-bottom {
	0% {
		opacity: 0;
		transform: translateY(12px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes stm-dt-grid-flash {
	0%,
	100% {
		box-shadow: none;
	}
	45% {
		box-shadow: inset 0 0 0 1px rgba(14, 165, 233, 0.22);
	}
}

@keyframes stm-dt-total-pulse {
	0%,
	100% {
		color: inherit;
	}
	45% {
		color: #0284c7;
	}
}

@media (prefers-reduced-motion: reduce) {
	#stm-dashboard-root .stm-dt-add-row-btn__icon,
	#stm-dashboard-root .stm-dt-add-row-rail__hint {
		transition: none;
	}

	#stm-dashboard-root .stm-dt-table--airtable tbody tr.stm-dt-row.is-row-enter > td,
	#stm-dashboard-root .stm-dt-table--airtable tbody tr.stm-dt-row.is-row-enter.is-row-enter--top > td,
	#stm-dashboard-root .stm-dt-table--airtable tbody tr.stm-dt-row.is-row-enter.is-row-enter--bottom > td,
	#stm-dashboard-root .stm-dt-table--airtable tbody tr.stm-dt-row.is-row-shift-down,
	#stm-dashboard-root .stm-dt-table--airtable tbody tr.stm-dt-row.is-row-exit,
	#stm-dashboard-root .stm-dt-table--airtable tbody tr.stm-dt-row.is-row-exit > td,
	#stm-dashboard-root .stm-dt-table--airtable tbody tr.stm-dt-row.is-row-exit > td > *,
	#stm-dashboard-root .stm-dt-table--airtable tbody tr.stm-dt-row.is-row-new-unread > td,
	#stm-dashboard-root .stm-dt-table--airtable tbody tr.stm-dt-row.is-row-new-unread .stm-dt-new-badge,
	#stm-dashboard-root #stm-dt-grid-shell.is-new-rows-flash,
	#stm-dashboard-root .stm-dt-total-label.is-new-rows-pulse {
		animation: none;
	}

	#stm-dashboard-root .stm-dt-table--airtable.table > tbody > tr.stm-dt-row.is-row-new-unread > td {
		background-color: #f8fcff !important;
	}

	#stm-dashboard-root .stm-dt-table--airtable.table > tbody > tr.stm-dt-row.is-row-new-unread .stm-dt-new-badge {
		animation: none;
		filter: none;
		box-shadow: none !important;
		background: transparent !important;
	}
}

#stm-dashboard-root .stm-dt-label-chip.is-select {
	background: #ecfdf3;
	color: #027a48;
}

#stm-dashboard-root .stm-dt-label-chip.is-link {
	background: #eff6ff;
	color: #1d4ed8;
}

#stm-dashboard-root .stm-dt-ramaya-link-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.28rem;
	max-width: 100%;
	min-width: 0;
	padding: 0.12rem 0.5rem;
	border-radius: 999px;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	line-height: 1.25;
	border: 1px solid transparent;
	vertical-align: middle;
}

#stm-dashboard-root .stm-dt-ramaya-link-chip__label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 0;
}

#stm-dashboard-root .stm-dt-ramaya-link-chip.is-connected {
	background: #ecfdf3;
	color: #027a48;
	border-color: rgba(2, 122, 72, 0.18);
}

#stm-dashboard-root .stm-dt-ramaya-link-empty.is-no-transport {
	display: inline-block;
	color: #dc2626;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	line-height: 1.3;
}

#stm-dashboard-root .stm-dt-expand-link__empty.stm-dt-ramaya-link-empty.is-no-transport {
	color: #dc2626;
	font-weight: 600;
}

#stm-dashboard-root .stm-dt-ramaya-link-chip.is-unlinked {
	background: #f1f5f9;
	color: #475569;
	border-color: rgba(71, 85, 105, 0.16);
	border-style: dashed;
}

#stm-dashboard-root .stm-dt-ramaya-link-chip.is-unlinked::before {
	content: '';
	width: 0.35rem;
	height: 0.35rem;
	border-radius: 50%;
	background: #94a3b8;
	flex: 0 0 auto;
}

#stm-dashboard-root .stm-dt-ramaya-link-chip__remove {
	appearance: none;
	border: 0;
	background: transparent;
	color: inherit;
	opacity: 0.65;
	cursor: pointer;
	padding: 0;
	line-height: 1;
	font-size: 0.85rem;
}

#stm-dashboard-root .stm-dt-ramaya-link-chip__remove:hover {
	opacity: 1;
}

#stm-dashboard-root .stm-dt-ramaya-link-chip__edit {
	appearance: none;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.15rem;
	height: 1.15rem;
	margin: 0 -0.15rem 0 0.05rem;
	padding: 0;
	border: 0;
	border-radius: 5px;
	background: transparent;
	color: inherit;
	opacity: 0.55;
	cursor: pointer;
	transition: opacity 0.12s ease, background 0.12s ease, color 0.12s ease;
}

#stm-dashboard-root .stm-dt-ramaya-link-chip__edit:hover,
#stm-dashboard-root td.is-selected .stm-dt-ramaya-link-chip__edit,
#stm-dashboard-root td.is-selected-anchor .stm-dt-ramaya-link-chip__edit {
	opacity: 1;
	background: rgba(2, 122, 72, 0.12);
	color: #027a48;
}

#stm-dashboard-root .stm-dt-ramaya-link-cell__add {
	appearance: none;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.35rem;
	height: 1.35rem;
	margin: 0.05rem 0 0.05rem 0.1rem;
	padding: 0;
	border: 1px dashed #cbd5e1;
	border-radius: 6px;
	background: #fff;
	color: #64748b;
	cursor: pointer;
	vertical-align: middle;
	transition: border-color 0.12s ease, color 0.12s ease, background 0.12s ease, box-shadow 0.12s ease;
}

#stm-dashboard-root .stm-dt-ramaya-link-cell__add:hover,
#stm-dashboard-root td.is-selected .stm-dt-ramaya-link-cell__add,
#stm-dashboard-root td.is-selected-anchor .stm-dt-ramaya-link-cell__add {
	border-color: #0284c7;
	border-style: solid;
	color: #0284c7;
	background: #f0f9ff;
	box-shadow: 0 0 0 1px rgba(2, 132, 199, 0.1);
}

#stm-dashboard-root .stm-dt-cell-clip .stm-dt-ramaya-link-chip,
#stm-dashboard-root .stm-dt-cell-clip .stm-dt-ramaya-link-cell__add {
	vertical-align: middle;
}

#stm-dashboard-root .stm-dt-cell-clip--ramaya-stack {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	gap: 0.22rem;
	white-space: normal;
	overflow: visible;
}

/* Ramaya Link picker styles: lihat blok global #stm-dt-link-picker.stm-dt-ramaya-link-picker */

/* section */
#stm-dashboard-root .stm-dt-choice-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.2rem;
	max-width: 100%;
	min-width: 0;
	padding: 0.12rem 0.5rem;
	border-radius: 999px;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	line-height: 1.25;
	border: 1px solid transparent;
	box-shadow: none;
}

#stm-dashboard-root .stm-dt-choice-chip.is-compact {
	padding: 0.08rem 0.42rem;
	font-size: 0.68rem;
}

#stm-dashboard-root .stm-dt-choice-chip__label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 0;
}

#stm-dashboard-root .stm-dt-choice-chip__remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 0.9rem;
	height: 0.9rem;
	margin: 0 -0.05rem 0 0.15rem;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: inherit;
	opacity: 0.92;
	cursor: pointer;
	flex: 0 0 auto;
	line-height: 0;
}

#stm-dashboard-root .stm-dt-choice-chip__remove svg {
	display: block;
	pointer-events: none;
}

#stm-dashboard-root .stm-dt-choice-chip__remove:hover {
	opacity: 1;
	background: rgba(255, 255, 255, 0.22);
}

/* section */
#stm-dashboard-root .stm-dt-cell-clip .stm-dt-choice-chip__remove {
	display: none;
}

#stm-dashboard-root .stm-dt-cell.is-selected .stm-dt-cell-clip .stm-dt-choice-chip__remove,
#stm-dashboard-root .stm-dt-cell.is-selected-anchor .stm-dt-cell-clip .stm-dt-choice-chip__remove {
	display: inline-flex;
}

#stm-dashboard-root .stm-dt-cell-clip .stm-dt-choice-chip:has(.stm-dt-choice-chip__remove) {
	padding-right: 0.28rem;
}

#stm-dashboard-root .stm-dt-choice-editor .stm-dt-choice-chip {
	padding-right: 0.28rem;
}

#stm-dashboard-root .stm-dt-choice-editor .stm-dt-choice-chip__remove {
	display: inline-flex;
	width: 0.9rem;
	height: 0.9rem;
	opacity: 0.92;
	background: transparent;
}

/* Multiselect: label berjejer ke samping, wrap ke bawah */
#stm-dashboard-root .stm-dt-choice-stack {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	align-content: flex-start;
	gap: 0.22rem;
	width: 100%;
	min-width: 0;
}

#stm-dashboard-root .stm-dt-choice-stack .stm-dt-choice-chip {
	max-width: 100%;
	width: fit-content;
	flex: 0 1 auto;
}

#stm-dashboard-root .stm-dt-choice-stack__add {
	display: none;
	align-items: center;
	justify-content: center;
	width: 1.25rem;
	height: 1.25rem;
	padding: 0;
	margin: 0;
	border: 1px solid #e4e7ec;
	border-radius: 4px;
	background: #f8fafc;
	color: #344054;
	line-height: 0;
	cursor: pointer;
	flex: 0 0 auto;
}

#stm-dashboard-root .stm-dt-choice-stack__add svg {
	display: block;
	pointer-events: none;
}

#stm-dashboard-root .stm-dt-choice-stack__add:hover {
	color: #101828;
	background: #f2f4f7;
}

/* + muncul saat sel dipilih (tanpa perlu double-click edit) */
#stm-dashboard-root .stm-dt-cell.is-selected .stm-dt-choice-stack__add,
#stm-dashboard-root .stm-dt-cell.is-selected-anchor .stm-dt-choice-stack__add {
	display: inline-flex;
}

#stm-dashboard-root .stm-dt-choice-chip.is-mint { background: #e8f8f1; color: #0f6b4c; border-color: #c6ebd9; }
#stm-dashboard-root .stm-dt-choice-chip.is-sky { background: #e8f3fc; color: #175cd3; border-color: #c7dff7; }
#stm-dashboard-root .stm-dt-choice-chip.is-sand { background: #f8f1e7; color: #8a5a1a; border-color: #ebd9bf; }
#stm-dashboard-root .stm-dt-choice-chip.is-rose { background: #fcecee; color: #b42318; border-color: #f3c9cd; }
#stm-dashboard-root .stm-dt-choice-chip.is-slate { background: #eef1f5; color: #344054; border-color: #d5dbe4; }
#stm-dashboard-root .stm-dt-choice-chip.is-teal { background: #e7f7f5; color: #0e6e66; border-color: #c3e8e3; }
#stm-dashboard-root .stm-dt-choice-chip.is-amber { background: #fff6e5; color: #9a6700; border-color: #f0ddb2; }
#stm-dashboard-root .stm-dt-choice-chip.is-indigo { background: #eef0fb; color: #3538cd; border-color: #d0d5f5; }

/* Sumber Data (inputsource) */
#stm-dashboard-root .stm-dt-source-chip.is-webhook {
	background: #e8f3fc;
	color: #175cd3;
	border-color: #c7dff7;
}
#stm-dashboard-root .stm-dt-source-chip.is-manual {
	background: #eef1f5;
	color: #344054;
	border-color: #d5dbe4;
}

/* section */
body.stm-dashboard-page #stm-dt-field-modal,
body.stm-dashboard-page #stm-dt-field-modal *,
body.stm-dashboard-page #stm-dt-field-choice-color-pop,
body.stm-dashboard-page #stm-dt-field-choice-color-pop * {
	box-sizing: border-box;
}

body.stm-dashboard-page #stm-dt-field-modal .modal-content {
	border: 0;
	background: transparent;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-ai-sources {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	max-height: 9rem;
	overflow: auto;
	padding: 0.5rem 0.6rem;
	border: 1px solid #e4e7ec;
	border-radius: 10px;
	background: #fafbfc;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-ai-sources__item {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	margin: 0;
	font-size: 0.8125rem;
	color: #101828;
	cursor: pointer;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-ai-sources__item input {
	margin: 0;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal-dialog {
	max-width: none;
	width: fit-content;
	margin: 1rem auto;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal-dialog.is-options-wide {
	max-width: none;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__shell {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 460px;
	height: min(78vh, 640px);
	min-width: 380px;
	min-height: 480px;
	max-width: min(94vw, 860px);
	max-height: 92vh;
	resize: both;
	overflow: hidden;
	border-radius: 16px;
	background: #fff;
	box-shadow:
		0 0 0 1px rgba(16, 24, 40, 0.06),
		0 20px 40px rgba(16, 24, 40, 0.14),
		0 2px 8px rgba(16, 24, 40, 0.06);
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__shell::after {
	content: '';
	position: absolute;
	right: 7px;
	bottom: 7px;
	width: 13px;
	height: 13px;
	pointer-events: none;
	opacity: 0.38;
	z-index: 3;
	background:
		repeating-linear-gradient(
			135deg,
			#98a2b3 0 1.5px,
			transparent 1.5px 4px
		);
	border-radius: 0 0 4px 0;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.75rem;
	flex: 0 0 auto;
	padding: 1rem 1rem 0.65rem;
	border-bottom: 1px solid #f2f4f7;
	background: linear-gradient(180deg, #fcfcfd 0%, #fff 100%);
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__header-main {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	min-width: 0;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 10px;
	background: linear-gradient(145deg, #eff4ff 0%, #e0eaff 100%);
	color: #175cd3;
	font-size: 0.82rem;
	font-weight: 700;
	flex: 0 0 auto;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__titles {
	min-width: 0;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__title {
	margin: 0;
	font-size: 0.95rem;
	font-weight: 650;
	line-height: 1.25;
	color: #101828;
	letter-spacing: -0.01em;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__subtitle {
	margin: 0.12rem 0 0;
	font-size: 0.72rem;
	line-height: 1.35;
	color: #667085;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__close {
	margin: 0.1rem 0 0;
	opacity: 0.55;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__form {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__scroll {
	flex: 1 1 auto;
	min-height: 0;
	overflow: auto;
	padding: 0.85rem 1rem 0.5rem;
	scrollbar-width: thin;
	scrollbar-color: #d0d5dd transparent;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__core {
	display: grid;
	gap: 0.7rem;
	margin-bottom: 0.65rem;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__field {
	display: grid;
	gap: 0.3rem;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__label {
	font-size: 0.68rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #667085;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__input,
body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__select,
body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__textarea {
	width: 100%;
	border: 1px solid #e4e7ec;
	border-radius: 10px;
	background: #fff;
	color: #101828;
	font-size: 0.82rem;
	line-height: 1.35;
	padding: 0.48rem 0.62rem;
	transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__textarea {
	resize: vertical;
	min-height: 4.5rem;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__input:hover,
body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__select:hover,
body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__textarea:hover {
	border-color: #d0d5dd;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__input:focus,
body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__select:focus,
body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__textarea:focus {
	outline: none;
	border-color: #84caff;
	box-shadow: 0 0 0 3px rgba(21, 112, 239, 0.12);
	background: #fff;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__hint {
	margin: 0.25rem 0 0;
	font-size: 0.7rem;
	line-height: 1.4;
	color: #98a2b3;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__panels {
	display: grid;
	gap: 0.55rem;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-panel {
	padding: 0.7rem;
	border: 1px solid #eef2f6;
	border-radius: 12px;
	background: #fafbfc;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-panel__grid {
	display: grid;
	gap: 0.65rem;
}

@media (min-width: 480px) {
	body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-panel__grid {
		grid-template-columns: 1fr 1fr;
	}
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-panel__nested {
	margin-top: 0.65rem;
	padding-top: 0.65rem;
	border-top: 1px solid #eef2f6;
	display: grid;
	gap: 0.65rem;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__switch {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	cursor: pointer;
	user-select: none;
	margin: 0;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__switch input {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__switch-ui {
	position: relative;
	width: 2rem;
	height: 1.15rem;
	border-radius: 999px;
	background: #e4e7ec;
	transition: background 160ms ease;
	flex: 0 0 auto;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__switch-ui::after {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: 0.85rem;
	height: 0.85rem;
	border-radius: 999px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.18);
	transition: transform 160ms ease;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__switch input:checked + .stm-dt-field-modal__switch-ui {
	background: #1570ef;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__switch input:checked + .stm-dt-field-modal__switch-ui::after {
	transform: translateX(0.85rem);
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__switch-label {
	font-size: 0.8rem;
	font-weight: 600;
	color: #344054;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__msg {
	min-height: 1rem;
	margin: 0.35rem 0 0;
	font-size: 0.72rem;
	color: #b42318;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__footer {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.45rem;
	flex: 0 0 auto;
	padding: 0.7rem 1rem 0.9rem;
	border-top: 1px solid #f2f4f7;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, #fff 28%);
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2rem;
	padding: 0.35rem 0.85rem;
	border-radius: 9px;
	border: 1px solid transparent;
	font-size: 0.78rem;
	font-weight: 600;
	cursor: pointer;
	transition: background 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__btn--ghost {
	background: #fff;
	border-color: #e4e7ec;
	color: #475467;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__btn--ghost:hover {
	background: #f9fafb;
	border-color: #d0d5dd;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__btn--primary {
	background: linear-gradient(180deg, #2e90fa 0%, #1570ef 100%);
	color: #fff;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08);
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__btn--primary:hover {
	background: linear-gradient(180deg, #53b1fd 0%, #175cd3 100%);
}

/* Type picker */
body.stm-dashboard-page #stm-dt-field-modal .stm-dt-type-picker {
	position: relative;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-type-picker__trigger {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	width: 100%;
	padding: 0.45rem 0.55rem;
	border: 1px solid #e4e7ec;
	border-radius: 10px;
	background: #fff;
	color: #101828;
	font-size: 0.82rem;
	text-align: left;
	cursor: pointer;
	transition: border-color 140ms ease, box-shadow 140ms ease;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-type-picker__trigger:hover {
	border-color: #d0d5dd;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-type-picker__trigger:focus-visible {
	outline: none;
	border-color: #84caff;
	box-shadow: 0 0 0 3px rgba(21, 112, 239, 0.12);
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-type-picker__trigger:disabled {
	opacity: 0.55;
	cursor: not-allowed;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-type-picker__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.55rem;
	height: 1.55rem;
	border-radius: 8px;
	background: #f2f4f7;
	color: #344054;
	font-size: 0.72rem;
	font-weight: 700;
	flex: 0 0 auto;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-type-picker__text {
	flex: 1 1 auto;
	min-width: 0;
	font-weight: 600;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-type-picker__chev {
	flex: 0 0 auto;
	color: #98a2b3;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-type-picker__menu {
	position: absolute;
	z-index: 20;
	top: calc(100% + 6px);
	left: 0;
	right: 0;
	border: 1px solid #e4e7ec;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 16px 32px rgba(16, 24, 40, 0.14);
	overflow: hidden;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-type-picker__search-wrap {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.55rem 0.65rem;
	border-bottom: 1px solid #f2f4f7;
	color: #98a2b3;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-type-picker__search {
	flex: 1 1 auto;
	border: 0;
	background: transparent;
	font-size: 0.78rem;
	color: #101828;
	outline: none;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-type-picker__list {
	max-height: min(420px, 52vh);
	overflow: auto;
	padding: 0.35rem;
	scrollbar-width: thin;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-type-picker__group {
	padding: 0.35rem 0.45rem 0.2rem;
	font-size: 0.62rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #98a2b3;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-type-picker__item {
	display: flex;
	align-items: flex-start;
	gap: 0.55rem;
	width: 100%;
	padding: 0.45rem 0.5rem;
	border: 0;
	border-radius: 9px;
	background: transparent;
	text-align: left;
	cursor: pointer;
	transition: background 120ms ease;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-type-picker__item:hover,
body.stm-dashboard-page #stm-dt-field-modal .stm-dt-type-picker__item.is-active {
	background: #f2f4f7;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-type-picker__item.is-active {
	box-shadow: inset 0 0 0 1px #d0d5dd;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-type-picker__item-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 8px;
	background: #fff;
	border: 1px solid #eaecf0;
	font-size: 0.7rem;
	font-weight: 700;
	color: #344054;
	flex: 0 0 auto;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-type-picker__item-body {
	display: grid;
	gap: 0.08rem;
	min-width: 0;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-type-picker__item-title {
	font-size: 0.78rem;
	font-weight: 600;
	color: #101828;
	line-height: 1.25;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-type-picker__item-desc {
	font-size: 0.68rem;
	color: #667085;
	line-height: 1.3;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-type-picker__empty {
	padding: 0.8rem 0.65rem;
	font-size: 0.75rem;
	color: #98a2b3;
	text-align: center;
}

@media (max-width: 576px) {
	body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal-dialog {
		width: calc(100vw - 1rem);
		margin: 0.5rem auto;
	}

	body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-modal__shell {
		width: 100% !important;
		height: min(88vh, 640px) !important;
		min-width: 0;
		resize: vertical;
		max-width: none;
	}

	body.stm-dashboard-page #stm-dt-field-modal .stm-dt-type-picker__list {
		max-height: min(320px, 42vh);
	}
}

/* section */

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options {
	border: 1px solid #e4e7ec;
	border-radius: 11px;
	background: #fff;
	padding: 0.6rem 0.65rem 0.65rem;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	margin-bottom: 0.55rem;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__tools {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	flex-wrap: wrap;
	justify-content: flex-end;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__toggle {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	margin: 0;
	font-size: 0.72rem;
	color: var(--stm-text-muted, #667085);
	cursor: pointer;
	user-select: none;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__toggle .form-check-input {
	margin: 0;
	width: 1.85rem;
	height: 0.95rem;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__sort {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	padding: 0.2rem 0.45rem;
	border: 1px solid #e4e7ec;
	border-radius: 8px;
	background: #fff;
	font-size: 0.7rem;
	font-weight: 600;
	color: #475467;
	cursor: pointer;
	transition: background 120ms ease, border-color 120ms ease;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__sort:hover {
	background: #f9fafb;
	border-color: #d0d5dd;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__add {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	margin-top: 0.5rem;
	padding: 0.15rem 0.2rem;
	border: 0;
	background: transparent;
	font-size: 0.74rem;
	font-weight: 600;
	color: #175cd3;
	cursor: pointer;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__list {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	max-height: 240px;
	overflow: auto;
	padding-right: 0.1rem;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__row {
	display: grid;
	grid-template-columns: auto auto 1fr auto;
	align-items: center;
	gap: 0.35rem;
	padding: 0.2rem 0.25rem;
	border-radius: 8px;
	background: #fff;
	border: 1px solid transparent;
	transition: border-color 120ms ease, box-shadow 120ms ease, opacity 120ms ease;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__row.is-dragging {
	opacity: 0.45;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__row.is-drop-target {
	border-color: #84caff;
	box-shadow: inset 0 0 0 1px #84caff;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__drag,
body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.5rem;
	height: 1.5rem;
	padding: 0;
	border: 0;
	border-radius: 6px;
	background: transparent;
	color: #98a2b3;
	cursor: grab;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__drag:active {
	cursor: grabbing;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__remove {
	cursor: pointer;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__drag:hover,
body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__remove:hover {
	background: #f2f4f7;
	color: #475467;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__color {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.45rem;
	height: 1.45rem;
	padding: 0;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 999px;
	color: #fff;
	cursor: pointer;
	flex: 0 0 auto;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__color svg {
	opacity: 0.95;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__input {
	width: 100%;
	min-width: 0;
	border: 0;
	background: transparent;
	padding: 0.28rem 0.35rem;
	font-size: 0.82rem;
	color: var(--stm-text, #101828);
	outline: none;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__input:focus {
	background: #f8fafc;
	border-radius: 6px;
}

body.stm-dashboard-page #stm-dt-field-choice-color-pop {
	position: fixed;
	z-index: 100060;
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	gap: 0.3rem;
	padding: 0.5rem;
	max-width: min(18rem, calc(100vw - 1rem));
	max-height: min(14rem, calc(100vh - 1rem));
	overflow: auto;
	border-radius: 10px;
	background: #fff;
	border: 1px solid #e4e7ec;
	box-shadow: 0 12px 28px rgba(16, 24, 40, 0.14);
}

body.stm-dashboard-page #stm-dt-field-choice-color-pop .stm-dt-field-options__swatch {
	width: 1.35rem;
	height: 1.35rem;
	padding: 0;
	border: 2px solid rgba(16, 24, 40, 0.08);
	border-radius: 999px;
	cursor: pointer;
}

body.stm-dashboard-page #stm-dt-field-choice-color-pop .stm-dt-field-options__swatch.is-active {
	border-color: #101828;
	box-shadow: 0 0 0 2px #fff inset;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__swatch {
	width: 1.55rem;
	height: 1.55rem;
	padding: 0;
	border: 2px solid transparent;
	border-radius: 999px;
	cursor: pointer;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__swatch.is-active {
	border-color: #101828;
	box-shadow: 0 0 0 2px #fff inset;
}

body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__color.is-mint,
body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__swatch.is-mint,
body.stm-dashboard-page #stm-dt-field-choice-color-pop .stm-dt-field-options__swatch.is-mint { background: #12b76a; }
body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__color.is-sky,
body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__swatch.is-sky,
body.stm-dashboard-page #stm-dt-field-choice-color-pop .stm-dt-field-options__swatch.is-sky { background: #2e90fa; }
body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__color.is-sand,
body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__swatch.is-sand,
body.stm-dashboard-page #stm-dt-field-choice-color-pop .stm-dt-field-options__swatch.is-sand { background: #f79009; }
body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__color.is-rose,
body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__swatch.is-rose,
body.stm-dashboard-page #stm-dt-field-choice-color-pop .stm-dt-field-options__swatch.is-rose { background: #f04438; }
body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__color.is-slate,
body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__swatch.is-slate,
body.stm-dashboard-page #stm-dt-field-choice-color-pop .stm-dt-field-options__swatch.is-slate { background: #667085; }
body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__color.is-teal,
body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__swatch.is-teal,
body.stm-dashboard-page #stm-dt-field-choice-color-pop .stm-dt-field-options__swatch.is-teal { background: #0e9384; }
body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__color.is-amber,
body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__swatch.is-amber,
body.stm-dashboard-page #stm-dt-field-choice-color-pop .stm-dt-field-options__swatch.is-amber { background: #f59e0b; }
body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__color.is-indigo,
body.stm-dashboard-page #stm-dt-field-modal .stm-dt-field-options__swatch.is-indigo,
body.stm-dashboard-page #stm-dt-field-choice-color-pop .stm-dt-field-options__swatch.is-indigo { background: #6172f3; }

#stm-dashboard-root .stm-dt-cell-clip .stm-dt-choice-chip + .stm-dt-choice-chip {
	margin-left: 0;
}

#stm-dashboard-root td.stm-dt-cell.is-choice-editing {
	background: #fff !important;
	box-shadow: inset 0 0 0 1.5px #1570ef;
	vertical-align: top;
	overflow: visible;
	z-index: 3;
}

#stm-dashboard-root .stm-dt-choice-editor {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.28rem;
	min-height: 1.35rem;
	width: 100%;
	padding: 0.1rem 0.05rem;
	box-sizing: border-box;
}

#stm-dashboard-root .stm-dt-choice-editor.is-multi {
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	align-content: flex-start;
	gap: 0.22rem;
	padding: 0.1rem 0.05rem;
	max-height: 100%;
	overflow: auto;
}

#stm-dashboard-root .stm-dt-choice-editor.is-multi .stm-dt-choice-chip {
	max-width: 100%;
	width: fit-content;
	flex: 0 1 auto;
}

#stm-dashboard-root .stm-dt-choice-editor__placeholder {
	font-size: 0.72rem;
	color: #98a2b3;
}

#stm-dashboard-root .stm-dt-choice-editor__chev {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.15rem;
	height: 1.15rem;
	padding: 0;
	margin: 0 0 0 auto;
	border: 0;
	border-radius: 4px;
	background: transparent;
	color: #667085;
	line-height: 0;
	cursor: pointer;
	flex: 0 0 auto;
}

#stm-dashboard-root .stm-dt-choice-editor.is-multi .stm-dt-choice-editor__chev--add {
	margin: 0;
	width: 1.25rem;
	height: 1.25rem;
	border: 1px solid #e4e7ec;
	border-radius: 4px;
	background: #f8fafc;
	color: #344054;
}

#stm-dashboard-root .stm-dt-choice-editor__chev svg {
	display: block;
	pointer-events: none;
}

#stm-dashboard-root .stm-dt-choice-editor__chev:hover,
#stm-dashboard-root .stm-dt-choice-editor.is-multi .stm-dt-choice-editor__chev--add:hover {
	color: #101828;
	background: #f2f4f7;
}

#stm-dashboard-root .stm-dt-choice-editor__add {
	display: none;
}

/* Multiselect: tetap ikuti tinggi row-height; overflow scroll di dalam cell */
#stm-dashboard-root .stm-dt-table--airtable tbody td.stm-dt-cell:has(.stm-dt-choice-stack),
#stm-dashboard-root .stm-dt-table--airtable tbody td.stm-dt-cell.is-choice-editing:has(.stm-dt-choice-editor.is-multi) {
	vertical-align: top;
}

#stm-dashboard-root .stm-dt-table--airtable tbody td.stm-dt-cell:has(.stm-dt-choice-stack) .stm-dt-cell-clip,
#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--xs tbody td.stm-dt-cell:has(.stm-dt-choice-stack) .stm-dt-cell-clip,
#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--short tbody td.stm-dt-cell:has(.stm-dt-choice-stack) .stm-dt-cell-clip,
#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--medium tbody td.stm-dt-cell:has(.stm-dt-choice-stack) .stm-dt-cell-clip,
#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--tall tbody td.stm-dt-cell:has(.stm-dt-choice-stack) .stm-dt-cell-clip,
#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--xl tbody td.stm-dt-cell:has(.stm-dt-choice-stack) .stm-dt-cell-clip {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	gap: 0;
	overflow: auto;
	max-height: 100%;
	white-space: normal;
	word-break: normal;
	-webkit-line-clamp: unset;
	line-clamp: unset;
	-webkit-box-orient: unset;
}

#stm-dashboard-root .stm-dt-table--airtable tbody td.stm-dt-cell.is-choice-editing:has(.stm-dt-choice-editor.is-multi) {
	/* section */
	overflow: hidden;
}

#stm-dashboard-root .stm-dt-table--airtable tbody td.stm-dt-cell.is-choice-editing .stm-dt-choice-editor.is-multi {
	max-height: 100%;
	overflow: auto;
}

.stm-dt-choice-picker,
.stm-dt-popover.stm-dt-choice-picker {
	position: fixed;
	width: min(280px, calc(100vw - 16px));
	height: min(346px, calc(100vh - 24px));
	max-height: min(420px, calc(100vh - 24px));
	z-index: 100160;
	display: flex;
	flex-direction: column;
	gap: 0;
	padding: 0.45rem 0.45rem 0.7rem;
	border: 1px solid #e4e7ec;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 12px 28px rgba(16, 24, 40, 0.14), 0 2px 6px rgba(16, 24, 40, 0.06);
	overflow: hidden;
	resize: none;
}

/* section */
body.stm-dashboard-page:has(#stm-dt-expand-modal.show) .stm-dt-choice-picker,
body.stm-dashboard-page:has(#stm-dt-link-create-modal.show) .stm-dt-choice-picker,
body.stm-dashboard-page #stm-dt-expand-modal.show ~ .stm-dt-choice-picker,
body.stm-dashboard-page #stm-dt-link-create-modal.show ~ .stm-dt-choice-picker {
	z-index: 100180 !important;
}

.stm-dt-choice-picker__status {
	margin: 0;
	padding: 0.2rem 0.45rem 0.25rem;
	font-size: 0.68rem;
	color: #98a2b3;
	letter-spacing: 0.01em;
	line-height: 1.3;
	min-height: 1.1rem;
}

.stm-dt-choice-picker__status:empty {
	display: none;
}

.stm-dt-choice-picker__search-wrap {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	margin: 0 0.15rem 0.35rem;
	padding: 0.4rem 0.55rem;
	min-height: 2.15rem;
	border: 1px solid #e4e7ec;
	border-radius: 8px;
	background: #f8fafc;
	flex: 0 0 auto;
	position: relative;
	z-index: 3;
	cursor: text;
}

.stm-dt-choice-picker__search-wrap:focus-within {
	border-color: #84caff;
	background: #fff;
	box-shadow: 0 0 0 3px rgba(46, 144, 250, 0.12);
}

.stm-dt-choice-picker__search-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	color: #98a2b3;
	line-height: 0;
	pointer-events: none;
}

.stm-dt-choice-picker__search {
	flex: 1 1 auto;
	min-width: 0;
	width: 100%;
	min-height: 1.35rem;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: none !important;
	font-size: 0.8125rem !important;
	line-height: 1.35 !important;
	padding: 0.15rem 0 !important;
	margin: 0 !important;
	background: transparent !important;
	color: #101828 !important;
	caret-color: #101828;
	pointer-events: auto;
	appearance: none;
	-webkit-appearance: none;
}

.stm-dt-choice-picker__search::-webkit-search-decoration,
.stm-dt-choice-picker__search::-webkit-search-cancel-button,
.stm-dt-choice-picker__search::-webkit-search-results-button,
.stm-dt-choice-picker__search::-webkit-search-results-decoration {
	display: none;
	-webkit-appearance: none;
}

.stm-dt-choice-picker__search:focus {
	outline: none !important;
	box-shadow: none !important;
}

.stm-dt-choice-picker__search::placeholder {
	color: #98a2b3;
}

.stm-dt-choice-picker__search-clear {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 1.15rem;
	height: 1.15rem;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: #e4e7ec;
	color: #667085;
	cursor: pointer;
	line-height: 0;
}

.stm-dt-choice-picker__search-clear[hidden] {
	display: none !important;
}

.stm-dt-choice-picker__search-clear:hover {
	background: #d0d5dd;
	color: #101828;
}

.stm-dt-choice-picker__list {
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
	flex: 1 1 auto;
	min-height: 0;
	max-height: none;
	overflow: auto;
	padding: 0.2rem 0.1rem 0.15rem;
	scrollbar-width: thin;
	scrollbar-color: #c8cdd5 transparent;
}

.stm-dt-choice-picker__list::-webkit-scrollbar {
	width: 8px;
}

.stm-dt-choice-picker__list::-webkit-scrollbar-thumb {
	background: #c8cdd5;
	border-radius: 999px;
	border: 2px solid #fff;
}

.stm-dt-choice-picker__section {
	margin: 0.35rem 0 0.05rem;
	padding: 0.1rem 0.45rem;
	font-size: 0.64rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #98a2b3;
}

.stm-dt-choice-picker__section:first-child {
	margin-top: 0.05rem;
}

.stm-dt-choice-picker__item {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	width: 100%;
	min-height: 28px;
	padding: 0.2rem 0.35rem;
	border: 0;
	border-radius: 6px;
	background: transparent;
	text-align: left;
	cursor: pointer;
	color: #101828;
	box-sizing: border-box;
}

.stm-dt-choice-picker__item:hover,
.stm-dt-choice-picker__item.is-focus {
	background: #f5f7fa;
}

.stm-dt-choice-picker__item.is-active {
	background: #eff4ff;
}

.stm-dt-choice-picker__item.is-active:hover,
.stm-dt-choice-picker__item.is-active.is-focus {
	background: #e8effc;
}

/* section */
.stm-dt-choice-picker__item .stm-dt-choice-chip {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	min-width: 0;
	min-height: 0;
	height: auto;
	padding: 0.15rem 0.55rem;
	border-radius: 999px;
	border: 1px solid transparent;
	box-shadow: none;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	line-height: 1.35;
	white-space: nowrap;
	overflow: hidden;
}

.stm-dt-choice-picker__item .stm-dt-choice-chip.is-compact {
	padding: 0.15rem 0.55rem;
	font-size: 0.72rem;
}

.stm-dt-choice-picker__item .stm-dt-choice-chip__label {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 0;
	max-width: 100%;
}

.stm-dt-choice-picker__item .stm-dt-choice-chip__remove {
	display: none;
}

.stm-dt-choice-picker__item--clear .stm-dt-choice-picker__clear-label {
	font-size: 0.75rem;
	color: #667085;
	padding: 0.1rem 0.2rem;
}

.stm-dt-choice-picker__item--create {
	border: 1px dashed #b2ddff;
	background: #f0f9ff;
	color: #175cd3;
	font-weight: 600;
	margin-top: 0.2rem;
}

.stm-dt-choice-picker__item--create:hover,
.stm-dt-choice-picker__item--create.is-focus {
	background: #e0f2fe;
	border-color: #84caff;
}

.stm-dt-choice-picker__create-label {
	font-size: 0.78rem;
	line-height: 1.35;
	word-break: break-word;
}

.stm-dt-choice-picker__item--clear:not(.is-active):hover {
	background: #fef3f2;
}

.stm-dt-choice-picker__item--clear:not(.is-active):hover .stm-dt-choice-picker__clear-label {
	color: #b42318;
}

.stm-dt-choice-picker__check {
	display: none !important;
}

.stm-dt-choice-picker__foot {
	display: none;
}

.stm-dt-choice-picker__resize {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 14px;
	height: 14px;
	cursor: nwse-resize;
	z-index: 2;
	opacity: 0.45;
	background:
		linear-gradient(135deg, transparent 0 42%, #98a2b3 42% 48%, transparent 48% 58%, #98a2b3 58% 64%, transparent 64% 100%);
}

.stm-dt-choice-picker__resize:hover {
	opacity: 0.9;
}

body.is-choice-picker-resizing {
	cursor: nwse-resize !important;
	user-select: none !important;
}

body.is-choice-picker-resizing * {
	cursor: nwse-resize !important;
}

.stm-dt-link-picker {
	width: min(360px, calc(100vw - 16px));
	max-height: min(460px, calc(100vh - 24px));
	z-index: 100110;
	padding: 0.65rem 0.7rem 0.55rem;
	border: 1px solid #e4e7ec;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 18px 40px rgba(16, 24, 40, 0.14), 0 2px 6px rgba(16, 24, 40, 0.06);
}

.stm-dt-link-picker__search {
	margin-bottom: 0;
	border-radius: 8px !important;
	flex: 1 1 auto;
	min-width: 0;
}

.stm-dt-link-picker__search-row {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	margin-bottom: 0.45rem;
}

.stm-dt-link-picker__add {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	padding: 0;
	border: 1px solid #d0d5dd;
	border-radius: 8px;
	background: #fff;
	color: #344054;
	font-size: 1.1rem;
	font-weight: 650;
	line-height: 1;
	cursor: pointer;
}

.stm-dt-link-picker__add:hover {
	background: #f0f9ff;
	border-color: #84caff;
	color: #175cd3;
}

.stm-dt-link-picker__status {
	margin-bottom: 0.35rem;
	font-size: 0.72rem;
	color: #667085;
}

.stm-dt-link-picker__status.is-error {
	color: #b42318;
}

.stm-dt-link-picker__list {
	max-height: 280px;
	gap: 0.15rem;
}

.stm-dt-link-picker .stm-dt-popover__item {
	align-items: center;
	gap: 0.45rem;
	padding: 0.4rem 0.5rem;
	border-radius: 8px;
	flex: 1 1 auto;
	min-width: 0;
	width: auto;
}

.stm-dt-link-picker .stm-dt-popover__item.is-active {
	background: #f0f9ff;
	color: #175cd3;
}

.stm-dt-link-picker__row {
	display: flex;
	align-items: center;
	gap: 0.3rem;
	min-width: 0;
	border-radius: 9px;
}

.stm-dt-link-picker__row.is-active {
	background: rgba(240, 249, 255, 0.55);
}

.stm-dt-link-picker__row .stm-dt-popover__item.is-active {
	background: transparent;
}

.stm-dt-link-picker__edit {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.28rem;
	height: 1.7rem;
	padding: 0 0.45rem;
	margin: 0;
	border: 1px solid transparent;
	border-radius: 7px;
	background: transparent;
	color: #667085;
	font-size: 0.68rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	cursor: pointer;
	opacity: 0.72;
	transition: background 0.12s ease, color 0.12s ease, border-color 0.12s ease, opacity 0.12s ease;
}

.stm-dt-link-picker__row:hover .stm-dt-link-picker__edit,
.stm-dt-link-picker__row.is-active .stm-dt-link-picker__edit,
.stm-dt-link-picker__edit:focus-visible {
	opacity: 1;
}

.stm-dt-link-picker__edit:hover,
.stm-dt-link-picker__edit:focus-visible {
	outline: none;
	color: #026aa2;
	background: #e0f2fe;
	border-color: #bae6fd;
}

.stm-dt-link-picker__edit span {
	line-height: 1;
}

.stm-dt-link-picker__check {
	width: 1rem;
	flex: 0 0 auto;
	color: #1570ef;
	font-size: 0.85rem;
	line-height: 1;
}

.stm-dt-link-picker__id {
	flex: 0 0 auto;
	font-size: 0.68rem;
	color: #98a2b3;
	font-variant-numeric: tabular-nums;
}

.stm-dt-link-picker__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	margin-top: 0.5rem;
	padding-top: 0.45rem;
	border-top: 1px solid #f2f4f7;
}

.stm-dt-link-picker__foot-left {
	display: inline-flex;
	align-items: center;
	gap: 0.65rem;
	flex-wrap: wrap;
}

/* section */
.stm-dt-ramaya-link-picker-backdrop {
	position: fixed;
	inset: 0;
	z-index: 100105;
	background: rgba(15, 23, 42, 0.38);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	animation: stm-dt-ramaya-picker-fade 0.18s ease;
}

@keyframes stm-dt-ramaya-picker-fade {
	from { opacity: 0; }
	to { opacity: 1; }
}

body.is-ramaya-link-picker-resizing {
	cursor: nwse-resize;
	user-select: none;
}

body.is-link-edit-modal-resizing {
	cursor: nwse-resize;
	user-select: none;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker {
	position: fixed;
	z-index: 100115;
	display: flex;
	flex-direction: column;
	width: min(720px, calc(100vw - 32px));
	height: min(640px, calc(100vh - 48px));
	min-width: 400px;
	min-height: 440px;
	max-width: calc(100vw - 16px);
	max-height: calc(100vh - 16px);
	padding: 0;
	border: 1px solid rgba(228, 231, 236, 0.95);
	border-radius: 16px;
	background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);
	box-shadow:
		0 24px 64px rgba(16, 24, 40, 0.18),
		0 8px 20px rgba(16, 24, 40, 0.08),
		inset 0 1px 0 rgba(255, 255, 255, 0.85);
	overflow: hidden;
	animation: stm-dt-ramaya-picker-rise 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes stm-dt-ramaya-picker-rise {
	from {
		opacity: 0;
		transform: translateY(10px) scale(0.985);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 1rem 1.1rem 0.85rem;
	border-bottom: 1px solid #eef2f6;
	background: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
	flex: 0 0 auto;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__head-main {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	min-width: 0;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__badge {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.35rem;
	height: 2.35rem;
	border-radius: 11px;
	background: linear-gradient(135deg, #eff8ff 0%, #dbeafe 100%);
	border: 1px solid #b2ddff;
	color: #175cd3;
	font-size: 1rem;
	line-height: 1;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__head-text {
	min-width: 0;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__title {
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: #101828;
	line-height: 1.25;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__subtitle {
	margin-top: 0.15rem;
	font-size: 0.78rem;
	font-weight: 500;
	color: #667085;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__close {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	margin: -0.15rem -0.15rem 0 0;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: #667085;
	font-size: 1.35rem;
	line-height: 1;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__close:hover {
	background: #f2f4f7;
	color: #344054;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__body {
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
	padding: 0.85rem 1.1rem 0.65rem;
	overflow: hidden;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__chips-wrap {
	flex: 0 0 auto;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	padding: 0.45rem 0.55rem;
	max-height: 5.75rem;
	overflow: auto;
	border: 1px solid #eef2f6;
	border-radius: 10px;
	background: #f8fafc;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__chips.has-summary {
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 0.5rem;
	max-height: min(42vh, 16rem);
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__summary.stm-dt-link-card {
	width: 100%;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__summary .stm-dt-link-card__title {
	font-size: 0.92rem;
	font-weight: 700;
	color: #0f172a;
	letter-spacing: -0.01em;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__summary .stm-dt-link-card__grid {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	margin-top: 0.45rem;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__summary .stm-dt-link-card__cell {
	display: grid;
	grid-template-columns: minmax(6.5rem, 8.5rem) minmax(0, 1fr);
	gap: 0.55rem 0.75rem;
	align-items: start;
	padding: 0.28rem 0;
	border-top: 1px solid rgba(148, 163, 184, 0.22);
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__summary .stm-dt-link-card__label {
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #64748b;
	line-height: 1.35;
	padding-top: 0.1rem;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__summary .stm-dt-link-card__value {
	font-size: 0.8rem;
	font-weight: 500;
	color: #0f172a;
	line-height: 1.4;
	white-space: normal;
	overflow: visible;
	text-overflow: unset;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__summary .stm-dt-link-card__value.is-longtext {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	color: #334155;
	font-weight: 450;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__empty {
	font-size: 0.78rem;
	color: #94a3b8;
	font-style: italic;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__section-label {
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #98a2b3;
	margin-bottom: 0.4rem;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__browse {
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__browse-search {
	margin-bottom: 0.4rem;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__browse-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.65rem;
	margin-bottom: 0.4rem;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__browse-toolbar .stm-dt-ramaya-link-picker__section-label {
	margin-bottom: 0;
	flex: 1 1 auto;
	min-width: 0;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__add-record {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	height: 2rem;
	padding: 0 0.75rem;
	border: 1px solid #b2ddff;
	border-radius: 999px;
	background: linear-gradient(180deg, #f0f9ff 0%, #e0f2fe 100%);
	color: #175cd3;
	font-size: 0.74rem;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	white-space: nowrap;
	transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__add-record:hover:not(:disabled) {
	background: linear-gradient(180deg, #dff2ff 0%, #d1e9ff 100%);
	border-color: #84caff;
	box-shadow: 0 4px 12px rgba(21, 112, 239, 0.12);
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__add-record:disabled {
	opacity: 0.45;
	cursor: not-allowed;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__add-record-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.1rem;
	height: 1.1rem;
	border-radius: 999px;
	background: #1570ef;
	color: #fff;
	font-size: 0.82rem;
	font-weight: 800;
	line-height: 1;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__search-input {
	height: 2.25rem;
	padding: 0.35rem 0.75rem;
	border: 1px solid #d0d5dd !important;
	border-radius: 10px !important;
	background: #fff;
	box-shadow: inset 0 1px 2px rgba(16, 24, 40, 0.04);
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__search-input:focus {
	border-color: #84caff !important;
	box-shadow: 0 0 0 3px rgba(21, 112, 239, 0.12);
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__status {
	margin-bottom: 0.45rem;
	flex: 0 0 auto;
	font-size: 0.74rem;
	color: #667085;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__list {
	flex: 1 1 auto;
	min-height: 0;
	max-height: none;
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0.15rem 0.25rem 0.15rem 0;
	scrollbar-gutter: stable;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__item {
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	text-align: left;
	cursor: pointer;
	border-radius: 12px;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__item .stm-dt-link-card {
	margin: 0;
	padding: 0.85rem 0.9rem 0.9rem;
	pointer-events: none;
	border-radius: 12px;
	transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__item:hover .stm-dt-link-card {
	border-color: #d0d5dd;
	box-shadow: 0 6px 16px rgba(16, 24, 40, 0.06);
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__item.is-active .stm-dt-link-card {
	border-color: #84caff;
	background: linear-gradient(180deg, #f0f9ff 0%, #fff 100%);
	box-shadow: 0 0 0 2px rgba(21, 112, 239, 0.12);
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__item.is-from-reverse:not(.is-active) .stm-dt-link-card,
#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__item.is-from-reverse.is-active .stm-dt-link-card {
	border-color: #86efac;
	background: linear-gradient(180deg, #f0fdf4 0%, #fff 100%);
	box-shadow: 0 0 0 2px rgba(22, 163, 74, 0.12);
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-link-card__reverse-hint {
	display: inline-block;
	margin-left: auto;
	font-size: 0.65rem;
	font-weight: 600;
	color: #15803d;
	white-space: nowrap;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__item.is-active .stm-dt-link-card__title {
	color: #175cd3;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-link-card__title {
	font-size: 0.95rem;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-link-card__grid {
	gap: 0.55rem 0.85rem;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__manual {
	flex: 0 0 auto;
	padding-top: 0.65rem;
	border-top: 1px solid #eef2f6;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__add-btn {
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 10px;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-link-picker__foot {
	flex: 0 0 auto;
	margin-top: 0;
	padding: 0.75rem 1.1rem 0.85rem;
	border-top: 1px solid #eef2f6;
	background: #fafbfc;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__resize {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 1.15rem;
	height: 1.15rem;
	cursor: nwse-resize;
	z-index: 2;
	opacity: 0.55;
	background:
		linear-gradient(135deg, transparent 0 44%, #98a2b3 44% 48%, transparent 48% 58%, #98a2b3 58% 62%, transparent 62% 100%);
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__resize:hover {
	opacity: 0.95;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.28rem;
	max-width: 100%;
	min-width: 0;
	padding: 0.18rem 0.55rem;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 600;
	line-height: 1.25;
	border: 1px solid transparent;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-chip.is-connected {
	background: #ecfdf3;
	color: #027a48;
	border-color: rgba(2, 122, 72, 0.18);
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-chip.is-unlinked {
	background: #f1f5f9;
	color: #475569;
	border-color: rgba(71, 85, 105, 0.16);
	border-style: dashed;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-chip__label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 0;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-chip__remove {
	appearance: none;
	border: 0;
	background: transparent;
	color: inherit;
	opacity: 0.65;
	cursor: pointer;
	padding: 0;
	line-height: 1;
	font-size: 0.85rem;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-chip__remove:hover {
	opacity: 1;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-link-card__check {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 999px;
	background: #1570ef;
	color: #fff;
	font-size: 0.68rem;
	font-weight: 700;
	line-height: 1;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-link-card__value .stm-dt-choice-chip {
	max-width: 100%;
}

#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-link-card__more {
	display: inline-flex;
	align-items: center;
	margin-left: 0.2rem;
	font-size: 0.68rem;
	font-weight: 600;
	color: #667085;
}

@media (max-width: 768px) {
	#stm-dt-link-picker.stm-dt-ramaya-link-picker {
		width: calc(100vw - 16px) !important;
		height: calc(100vh - 24px) !important;
		min-width: 0;
		border-radius: 14px;
	}

	#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-link-card__grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 520px) {
	#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__head,
	#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-ramaya-link-picker__body,
	#stm-dt-link-picker.stm-dt-ramaya-link-picker .stm-dt-link-picker__foot {
		padding-left: 0.85rem;
		padding-right: 0.85rem;
	}
}

.stm-dt-expand-link {
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
	width: 100%;
}

.stm-dt-expand-link__cards {
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
	width: 100%;
}

/* Expand: Ramaya link chip modern */
.stm-dt-expand-ramaya-link .stm-dt-expand-ramaya-chip {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.65rem;
	width: 100%;
	min-height: 2.75rem;
	padding: 0.55rem 0.6rem 0.55rem 0.7rem;
	border-radius: 12px;
	border: 1px solid #e4e7ec;
	background: #fff;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
	transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.stm-dt-expand-ramaya-link .stm-dt-expand-ramaya-chip:hover {
	border-color: #d0d5dd;
	box-shadow: 0 4px 14px rgba(16, 24, 40, 0.07);
}

.stm-dt-expand-ramaya-link .stm-dt-expand-ramaya-chip.is-connected {
	border-color: #abefc6;
	background: linear-gradient(180deg, #f6fef9 0%, #ffffff 72%);
}

.stm-dt-expand-ramaya-link .stm-dt-expand-ramaya-chip.is-connected:hover {
	border-color: #6ce9a6;
	box-shadow: 0 4px 14px rgba(2, 122, 72, 0.08);
}

.stm-dt-expand-ramaya-link .stm-dt-expand-ramaya-chip.is-unlinked {
	border-style: dashed;
	background: #f8fafc;
}

.stm-dt-expand-ramaya-link .stm-dt-expand-ramaya-chip__main {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	min-width: 0;
	flex: 1 1 auto;
}

.stm-dt-expand-ramaya-link .stm-dt-expand-ramaya-chip__status {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.55rem;
	height: 1.55rem;
	border-radius: 999px;
	background: #e4e7ec;
	color: #667085;
}

.stm-dt-expand-ramaya-link .stm-dt-expand-ramaya-chip.is-connected .stm-dt-expand-ramaya-chip__status {
	background: #dcfae6;
	color: #027a48;
	box-shadow: inset 0 0 0 1px rgba(2, 122, 72, 0.12);
}

.stm-dt-expand-ramaya-link .stm-dt-expand-ramaya-chip__text {
	display: flex;
	flex-direction: column;
	gap: 0.08rem;
	min-width: 0;
}

.stm-dt-expand-ramaya-link .stm-dt-expand-ramaya-chip__label {
	font-size: 0.84rem;
	font-weight: 650;
	letter-spacing: -0.01em;
	line-height: 1.25;
	color: #101828;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.stm-dt-expand-ramaya-link .stm-dt-expand-ramaya-chip.is-connected .stm-dt-expand-ramaya-chip__label {
	color: #054f31;
}

.stm-dt-expand-ramaya-link .stm-dt-expand-ramaya-chip__meta {
	font-size: 0.68rem;
	font-weight: 500;
	letter-spacing: 0.01em;
	color: #667085;
	line-height: 1.2;
}

.stm-dt-expand-ramaya-link .stm-dt-expand-ramaya-chip__actions {
	display: inline-flex;
	align-items: center;
	gap: 0.2rem;
	flex: 0 0 auto;
	padding: 0.12rem;
	border-radius: 10px;
	background: rgba(248, 250, 252, 0.9);
	border: 1px solid #eef2f6;
}

.stm-dt-expand-ramaya-link .stm-dt-expand-ramaya-chip.is-connected .stm-dt-expand-ramaya-chip__actions {
	background: rgba(236, 253, 243, 0.7);
	border-color: rgba(171, 239, 198, 0.55);
}

.stm-dt-expand-ramaya-link .stm-dt-expand-ramaya-chip__btn {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.7rem;
	height: 1.7rem;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: #667085;
	cursor: pointer;
	transition: background 0.12s ease, color 0.12s ease, transform 0.12s ease;
}

.stm-dt-expand-ramaya-link .stm-dt-expand-ramaya-chip__btn:hover {
	transform: translateY(-0.5px);
}

.stm-dt-expand-ramaya-link .stm-dt-expand-ramaya-chip__btn--edit:hover {
	background: #fff;
	color: #027a48;
	box-shadow: 0 1px 3px rgba(16, 24, 40, 0.08);
}

.stm-dt-expand-ramaya-link .stm-dt-expand-ramaya-chip__btn--remove:hover {
	background: #fee4e2;
	color: #b42318;
	box-shadow: 0 1px 3px rgba(180, 35, 24, 0.1);
}

.stm-dt-expand-ramaya-link .stm-dt-expand-ramaya-chip__btn:focus-visible {
	outline: 2px solid #84caff;
	outline-offset: 1px;
}

.stm-dt-expand-link__empty {
	padding: 0.55rem 0.65rem;
	border: 1px dashed #e4e7ec;
	border-radius: 10px;
	font-size: 0.78rem;
	color: #98a2b3;
	background: #fafbfc;
}

.stm-dt-expand-link__actions {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	flex-wrap: wrap;
}

.stm-dt-link-card {
	position: relative;
	width: 100%;
	padding: 0.7rem 0.75rem 0.75rem;
	border: 1px solid #e4e7ec;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.stm-dt-link-card:hover {
	border-color: #d0d5dd;
	box-shadow: 0 4px 12px rgba(16, 24, 40, 0.06);
}

.stm-dt-link-card--preview {
	background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
	border-style: dashed;
}

.stm-dt-link-card--connected {
	border-color: #b2ddff;
	background: #eff8ff;
	box-shadow: none;
}

.stm-dt-link-card--connected:hover {
	border-color: #84caff;
	box-shadow: 0 2px 8px rgba(2, 132, 199, 0.08);
}

.stm-dt-link-card--connected .stm-dt-link-card__head {
	align-items: center;
	margin-bottom: 0.5rem;
}

.stm-dt-link-card__badge {
	display: inline-flex;
	align-items: center;
	gap: 0.28rem;
	flex: 0 0 auto;
	padding: 0.12rem 0.45rem 0.12rem 0.2rem;
	border-radius: 999px;
	background: #2e90fa;
	color: #fff;
	font-size: 0.65rem;
	font-weight: 700;
	letter-spacing: 0.01em;
	line-height: 1.2;
	white-space: nowrap;
}

.stm-dt-link-card__badge-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 0.95rem;
	height: 0.95rem;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.22);
	font-size: 0.62rem;
	line-height: 1;
}

.stm-dt-link-card--connected .stm-dt-link-card__title {
	flex: 1 1 auto;
	text-align: right;
	color: #175cd3;
	font-size: 0.88rem;
}

.stm-dt-link-card--compact {
	padding: 0.45rem 0.55rem 0.5rem;
	border-radius: 8px;
}

.stm-dt-link-card--compact .stm-dt-link-card__grid {
	gap: 0;
}

.stm-dt-link-card--compact .stm-dt-link-card__label {
	font-size: 0.6rem;
	margin-bottom: 0;
}

.stm-dt-link-card--compact .stm-dt-link-card__value {
	font-size: 0.72rem;
	white-space: normal;
}

.stm-dt-link-card__value.is-longtext {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	white-space: normal;
	line-height: 1.4;
}

#stm-dashboard-root .stm-dt-cell-clip--ramaya-summary {
	display: flex !important;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 0.35rem;
	-webkit-line-clamp: unset !important;
	line-clamp: unset !important;
	white-space: normal !important;
	overflow: hidden;
	max-height: 100%;
	word-break: normal;
}

#stm-dashboard-root .stm-dt-cell-clip--ramaya-summary .stm-dt-link-card {
	min-width: 0;
	flex: 0 1 auto;
}

#stm-dashboard-root .stm-dt-table--airtable tbody td.stm-dt-cell:has(.stm-dt-cell-clip--ramaya-summary) {
	vertical-align: top;
}

.stm-dt-link-card__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.5rem;
	margin-bottom: 0.45rem;
}

.stm-dt-link-card__title {
	font-size: 0.92rem;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: #101828;
	line-height: 1.3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 0;
}

.stm-dt-link-card__title.is-placeholder {
	color: #98a2b3;
	font-weight: 600;
}

.stm-dt-link-card__remove {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.45rem;
	height: 1.45rem;
	margin: -0.15rem -0.2rem 0 0;
	padding: 0;
	border: 0;
	border-radius: 6px;
	background: transparent;
	color: #98a2b3;
	cursor: pointer;
}

.stm-dt-link-card__remove:hover {
	background: #fee4e2;
	color: #b42318;
}

.stm-dt-link-card__actions {
	display: inline-flex;
	align-items: center;
	gap: 0.15rem;
	flex: 0 0 auto;
	margin: -0.15rem -0.2rem 0 0;
}

.stm-dt-link-card__edit {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.45rem;
	height: 1.45rem;
	padding: 0;
	border: 0;
	border-radius: 6px;
	background: transparent;
	color: #667085;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.stm-dt-link-card__edit:hover {
	background: #e0f2fe;
	color: #0284c7;
	box-shadow: 0 0 0 1px rgba(2, 132, 199, 0.12);
}

.stm-dt-link-card--connected .stm-dt-link-card__edit {
	color: #0e7490;
}

.stm-dt-link-card--connected .stm-dt-link-card__edit:hover {
	background: rgba(14, 116, 144, 0.1);
	color: #0c4a6e;
}

.stm-dt-link-card__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.45rem 0.65rem;
}

.stm-dt-link-card__label {
	font-size: 0.65rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: #98a2b3;
	margin-bottom: 0.1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.stm-dt-link-card__value {
	font-size: 0.78rem;
	font-weight: 500;
	color: #344054;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.2rem;
	min-width: 0;
}

.stm-dt-link-card__value.is-empty {
	color: #d0d5dd;
}

.stm-dt-link-card__loading {
	font-size: 0.75rem;
	color: #98a2b3;
}

.stm-dt-link-add-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	height: 2rem;
	padding: 0 0.75rem;
	border: 1px solid #d0d5dd;
	border-radius: 8px;
	background: #fff;
	color: #344054;
	font-size: 0.78rem;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.stm-dt-link-add-btn:hover {
	background: #f0f9ff;
	border-color: #84caff;
	color: #175cd3;
}

.stm-dt-link-add-btn__plus {
	font-size: 1rem;
	line-height: 1;
	font-weight: 700;
}

.stm-dt-link-create-preview {
	margin-bottom: 0.85rem;
}

.stm-dt-link-create-origin {
	margin-bottom: 0.85rem;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid #f2f4f7;
}

.stm-dt-link-create-origin .stm-dt-expand-field__label {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	margin-bottom: 0.4rem;
}

.stm-dt-link-create-origin__hint {
	display: inline-flex;
	align-items: center;
	padding: 0.1rem 0.4rem;
	border-radius: 999px;
	background: #ecfdf3;
	color: #027a48;
	font-size: 0.62rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.stm-dt-link-card--origin {
	border-color: #b2ddff;
	background: #f5faff;
	box-shadow: none;
}

/* Panel info record induk (TRX) di modal create/edit linked record */
.stm-dt-link-create-parent-info {
	position: sticky;
	top: 0;
	z-index: 3;
	margin-bottom: 0.9rem;
	padding: 0.7rem 0.8rem 0.8rem;
	border: 1px solid #b2ddff;
	border-radius: 12px;
	border-bottom: 1px solid #b2ddff;
	background:
		linear-gradient(180deg, #eff8ff 0%, #f8fbff 100%);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
}

.stm-dt-link-create-parent-info__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.55rem;
	margin-bottom: 0.55rem;
}

.stm-dt-link-create-parent-info__actions {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	flex: 0 0 auto;
}

.stm-dt-link-create-parent-info__title-col {
	min-width: 0;
	flex: 1 1 auto;
}

.stm-dt-link-create-parent-info__body {
	position: relative;
}

.stm-dt-link-create-parent-info.is-collapsed .stm-dt-link-create-parent-info__body {
	max-height: 3.1rem;
	overflow: hidden;
}

.stm-dt-link-create-parent-info.is-collapsed .stm-dt-link-create-parent-info__body::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1.6rem;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(248, 251, 255, 0) 0%, #f8fbff 88%);
}

.stm-dt-link-create-parent-info.is-collapsed .stm-dt-link-create-parent-info__value.is-longtext {
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

.stm-dt-link-create-parent-info:not(.is-collapsed) .stm-dt-link-create-parent-info__value.is-longtext {
	-webkit-line-clamp: unset;
	line-clamp: unset;
	display: block;
}

.stm-dt-link-create-parent-info__toggle {
	appearance: none;
	border: 0;
	background: transparent;
	padding: 0.35rem 0 0;
	margin: 0;
	font-size: 0.74rem;
	font-weight: 700;
	color: #026aa2;
	cursor: pointer;
	line-height: 1.2;
}

.stm-dt-link-create-parent-info__toggle:hover {
	color: #065986;
	text-decoration: underline;
}

.stm-dt-link-create-parent-info__toggle:focus-visible {
	outline: 2px solid #84caff;
	outline-offset: 2px;
	border-radius: 4px;
}

.stm-dt-link-create-parent-info__title {
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: #026aa2;
	line-height: 1.25;
}

.stm-dt-link-create-parent-info__subtitle {
	margin-top: 0.12rem;
	font-size: 0.88rem;
	font-weight: 700;
	color: #101828;
	line-height: 1.3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.stm-dt-link-create-parent-info__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.45rem 0.7rem;
}

.stm-dt-link-create-parent-info__cell.is-wide {
	grid-column: 1 / -1;
}

.stm-dt-link-create-parent-info__label {
	font-size: 0.64rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: #667085;
	margin-bottom: 0.08rem;
}

.stm-dt-link-create-parent-info__value {
	font-size: 0.8rem;
	font-weight: 600;
	color: #101828;
	line-height: 1.35;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.stm-dt-link-create-parent-info__value.is-longtext {
	white-space: pre-wrap;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 500;
	color: #344054;
}

.stm-dt-link-create-parent-info__value .stm-dt-choice-chip {
	margin: 0 0.2rem 0.15rem 0;
}

.stm-dt-link-create-parent-info__empty {
	margin: 0;
	font-size: 0.78rem;
	color: #98a2b3;
}

@media (max-width: 520px) {
	.stm-dt-link-create-parent-info__grid {
		grid-template-columns: 1fr;
	}
}

.stm-dt-link-create-fields-inner {
	display: flex;
	flex-direction: column;
	gap: 0.7rem;
}

.stm-dt-link-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.15rem;
	max-width: 100%;
	padding: 0.18rem 0.2rem 0.18rem 0.55rem;
	border: 1px solid #d0d5dd;
	border-radius: 999px;
	background: #f8fafc;
	color: #344054;
	font-size: 0.75rem;
	line-height: 1.2;
	transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.stm-dt-link-chip:hover {
	background: #f0f9ff;
	border-color: #b2ddff;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

.stm-dt-link-chip__label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 14rem;
}

.stm-dt-link-chip__remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.15rem;
	height: 1.15rem;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: #98a2b3;
	font-size: 0.95rem;
	line-height: 1;
	cursor: pointer;
}

.stm-dt-link-chip__remove:hover {
	background: #fee4e2;
	color: #b42318;
}

.stm-dt-expand-mini-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 1.7rem;
	padding: 0 0.65rem;
	border: 1px solid #d0d5dd;
	border-radius: 7px;
	background: #fff;
	color: #344054;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	cursor: pointer;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.stm-dt-expand-mini-btn:hover {
	background: #f9fafb;
	border-color: #98a2b3;
}

.stm-dt-expand-mini-btn.is-primary {
	border-color: #84caff;
	background: #f0f9ff;
	color: #175cd3;
}

.stm-dt-expand-mini-btn.is-primary:hover {
	background: #e0f2fe;
	border-color: #53b1fd;
}

@media (max-width: 640px) {
	.stm-dt-link-card__grid {
		grid-template-columns: 1fr;
	}
}

#stm-dashboard-root .stm-dt-toolbar__sort-chip {
	display: inline-flex;
	align-items: center;
	padding: 0.15rem 0.5rem;
	border-radius: 999px;
	font-size: 0.72rem;
	background: #fff7ed;
	color: #9a3412;
	white-space: nowrap;
}

.stm-dt-field-menu {
	position: fixed;
	z-index: 100090;
	min-width: 15.5rem;
	max-width: min(20rem, calc(100vw - 1rem));
	max-height: min(85vh, 36rem);
	overflow-y: auto;
	padding: 0.35rem;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14);
}

.stm-dt-field-menu__item {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	width: 100%;
	padding: 0.45rem 0.55rem;
	border: 0;
	border-radius: 7px;
	background: transparent;
	color: #101828;
	font-size: 0.8125rem;
	text-align: left;
	cursor: pointer;
}

.stm-dt-field-menu__item:hover:not(.is-disabled) {
	background: #f2f4f7;
}

.stm-dt-field-menu__item.is-danger {
	color: #b42318;
}

.stm-dt-field-menu__item.is-danger:hover:not(.is-disabled) {
	background: #fef3f2;
}

.stm-dt-field-menu__item.is-disabled {
	opacity: 0.45;
	cursor: not-allowed;
}

.stm-dt-field-menu__icon {
	flex: 0 0 1rem;
	width: 1rem;
	text-align: center;
	color: #667085;
	font-size: 0.78rem;
	line-height: 1;
}

.stm-dt-field-menu__item.is-danger .stm-dt-field-menu__icon {
	color: #b42318;
}

.stm-dt-field-menu__label {
	flex: 1 1 auto;
	min-width: 0;
}

.stm-dt-field-menu__sep {
	height: 1px;
	margin: 0.3rem 0.35rem;
	background: #eaecf0;
}

.stm-dt-field-menu__section-label {
	padding: 0.35rem 0.65rem 0.15rem;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #98a3b3;
}

.stm-dt-field-menu__color {
	padding: 0.35rem 0.45rem 0.45rem;
}

.stm-dt-field-menu__color-title {
	margin: 0 0 0.4rem;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #667085;
}

.stm-dt-field-menu__swatches {
	display: flex;
	flex-wrap: wrap;
	gap: 0.28rem;
}

.stm-dt-field-menu__swatches .stm-dt-warna-swatch {
	width: 1.15rem;
	height: 1.15rem;
	flex: 0 0 1.15rem;
	border-radius: 4px;
	border: 1px solid rgba(15, 23, 42, 0.12);
	padding: 0;
	cursor: pointer;
	box-sizing: border-box;
}

.stm-dt-field-menu__swatches .stm-dt-warna-swatch.is-none {
	background: #fff;
	background-image: linear-gradient(to top right, transparent calc(50% - 1px), #f04438 0, #f04438 calc(50% + 1px), transparent 0);
}

.stm-dt-field-menu__swatches .stm-dt-warna-swatch.is-red { background: #f97066; }
.stm-dt-field-menu__swatches .stm-dt-warna-swatch.is-rose { background: #fda29b; }
.stm-dt-field-menu__swatches .stm-dt-warna-swatch.is-orange { background: #fd853a; }
.stm-dt-field-menu__swatches .stm-dt-warna-swatch.is-amber { background: #f79009; }
.stm-dt-field-menu__swatches .stm-dt-warna-swatch.is-yellow { background: #fdb022; }
.stm-dt-field-menu__swatches .stm-dt-warna-swatch.is-lime { background: #a3e635; }
.stm-dt-field-menu__swatches .stm-dt-warna-swatch.is-green { background: #32d583; }
.stm-dt-field-menu__swatches .stm-dt-warna-swatch.is-mint { background: #6ce9a6; }
.stm-dt-field-menu__swatches .stm-dt-warna-swatch.is-teal { background: #2ed3b7; }
.stm-dt-field-menu__swatches .stm-dt-warna-swatch.is-cyan { background: #22d3ee; }
.stm-dt-field-menu__swatches .stm-dt-warna-swatch.is-sky { background: #38bdf8; }
.stm-dt-field-menu__swatches .stm-dt-warna-swatch.is-blue { background: #53b1fd; }
.stm-dt-field-menu__swatches .stm-dt-warna-swatch.is-indigo { background: #8098f9; }
.stm-dt-field-menu__swatches .stm-dt-warna-swatch.is-purple { background: #b692f6; }
.stm-dt-field-menu__swatches .stm-dt-warna-swatch.is-violet { background: #a78bfa; }
.stm-dt-field-menu__swatches .stm-dt-warna-swatch.is-pink { background: #faa7e0; }
.stm-dt-field-menu__swatches .stm-dt-warna-swatch.is-fuchsia { background: #e879f9; }
.stm-dt-field-menu__swatches .stm-dt-warna-swatch.is-brown { background: #b54708; }
.stm-dt-field-menu__swatches .stm-dt-warna-swatch.is-gray { background: #98a2b3; }
.stm-dt-field-menu__swatches .stm-dt-warna-swatch.is-slate { background: #667085; }
.stm-dt-field-menu__swatches .stm-dt-warna-swatch.is-black { background: #344054; }

.stm-dt-field-menu__swatches .stm-dt-warna-swatch.is-active {
	outline: 2px solid #344054;
	outline-offset: 1px;
}

.stm-dt-field-menu__swatches .stm-dt-warna-swatch:hover {
	transform: scale(1.08);
}

.stm-dt-popover {
	position: fixed;
	z-index: 100095;
	width: 17.5rem;
	max-width: calc(100vw - 1rem);
	max-height: min(70vh, 28rem);
	display: flex;
	flex-direction: column;
	padding: 0.65rem;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	box-shadow: 0 14px 36px rgba(15, 23, 42, 0.16);
}

.stm-dt-filter-popover {
	width: min(42rem, calc(100vw - 1rem));
	max-height: min(78vh, 36rem);
	padding: 0.9rem 1rem 0.8rem;
	border-radius: 14px;
	box-shadow: 0 18px 48px rgba(15, 23, 42, 0.16), 0 2px 8px rgba(15, 23, 42, 0.04);
}

.stm-dt-sort-popover {
	width: min(26rem, calc(100vw - 1rem));
	max-height: min(70vh, 28rem);
	padding: 0.85rem 0.9rem 0.75rem;
	border-radius: 14px;
}

.stm-dt-sort-list {
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
	margin-bottom: 0.65rem;
	overflow: auto;
	min-height: 0;
	flex: 1 1 auto;
}

.stm-dt-sort-row {
	display: grid;
	grid-template-columns: minmax(7rem, 1.2fr) minmax(7rem, 1fr) 1.75rem;
	gap: 0.4rem;
	align-items: center;
	padding: 0.35rem;
	border-radius: 10px;
	background: #f9fafb;
	border: 1px solid #f2f4f7;
}

.stm-dt-sort-popover__foot {
	display: flex;
	align-items: center;
	padding-top: 0.45rem;
	border-top: 1px solid #f2f4f7;
}

#stm-dashboard-root .stm-dt-time-cell {
	font-size: 0.78rem;
	color: #475467;
	white-space: nowrap;
}

#stm-dashboard-root .stm-dt-dprt-stack {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 0.12rem;
	min-width: 0;
	flex: 1 1 auto;
	max-width: 100%;
}

#stm-dashboard-root .stm-dt-dprt-trip {
	display: block;
	font-size: 0.68rem;
	font-weight: 600;
	line-height: 1.25;
	color: #475467;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#stm-dashboard-root .stm-dt-dprt-trip.is-editable {
	cursor: pointer;
	border-radius: 4px;
	padding: 0.05rem 0.15rem;
	margin-left: -0.15rem;
	max-width: calc(100% + 0.15rem);
	box-sizing: border-box;
}

#stm-dashboard-root .stm-dt-dprt-trip.is-editable:hover {
	background: rgba(15, 23, 42, 0.05);
	color: #1d2939;
}

#stm-dashboard-root .stm-dt-dprt-trip.is-empty {
	color: #98a2b3;
	font-weight: 500;
	font-style: italic;
}

#stm-dashboard-root .stm-dt-dprt-checkin {
	font-weight: 500;
	color: #667085;
}

#stm-dashboard-root .stm-dt-cell-clip--trip-stack {
	display: flex;
	align-items: flex-start;
	white-space: normal;
}

#stm-dashboard-root .stm-dt-trip-stack {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.18rem;
	min-width: 0;
	max-width: 100%;
	padding-right: 0.1rem;
}

#stm-dashboard-root .stm-dt-trip-stack__area {
	font-size: 0.82rem;
	font-weight: 650;
	line-height: 1.3;
	color: #1d2939;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#stm-dashboard-root .stm-dt-trip-stack__cin {
	font-size: 0.72rem;
	font-weight: 550;
	line-height: 1.25;
	color: #475467;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#stm-dashboard-root .stm-dt-trip-stack__area.is-empty,
#stm-dashboard-root .stm-dt-trip-stack__cin.is-empty {
	color: #98a2b3;
	font-weight: 500;
	font-style: italic;
}

.stm-dt-trip-edit-modal__input {
	font-size: 0.9rem;
	font-weight: 550;
	line-height: 1.4;
	min-height: 4.5rem;
	resize: vertical;
}

.stm-dt-trip-edit-modal__checkin-row {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0.5rem;
}

.stm-dt-trip-edit-modal__checkin-kind {
	width: 100%;
	font-size: 0.88rem;
	font-weight: 600;
	line-height: 1.3;
	padding: 0.4rem 0.55rem;
	border-radius: 10px;
}

#stm-dt-trip-edit-modal .stm-dt-coll-edit-modal__card {
	width: min(24.5rem, calc(100vw - 1.5rem));
}

.stm-dt-trip-clock {
	position: relative;
	border-radius: 14px;
	padding: 0.55rem 0.55rem 0.5rem;
	background:
		linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
	border: 1px solid var(--stm-dt-line, #e8ecf2);
	box-shadow:
		0 1px 2px rgba(15, 23, 42, 0.04),
		0 8px 20px rgba(15, 23, 42, 0.05);
	overflow: hidden;
}

.stm-dt-trip-clock::before {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(90% 70% at 0% 0%, color-mix(in srgb, var(--stm-dt-accent, #3b5bdb) 8%, transparent), transparent 55%),
		radial-gradient(80% 60% at 100% 100%, color-mix(in srgb, var(--stm-dt-accent, #3b5bdb) 5%, transparent), transparent 50%);
	pointer-events: none;
}

.stm-dt-trip-clock__hud {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.6rem;
	padding: 0.1rem 0.35rem 0.5rem;
}

.stm-dt-trip-clock__digits {
	display: inline-flex;
	align-items: baseline;
	gap: 0.08rem;
	font-family: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;
	font-size: 1.55rem;
	font-weight: 720;
	letter-spacing: 0.04em;
	color: var(--stm-dt-ink, #0f172a);
	font-variant-numeric: tabular-nums;
}

.stm-dt-trip-clock.is-empty .stm-dt-trip-clock__digits {
	color: var(--stm-dt-ink-subtle, #94a3b8);
}

.stm-dt-trip-clock__colon {
	color: var(--stm-dt-accent, #3b5bdb);
	animation: stm-dt-trip-clock-blink 1.15s step-end infinite;
	padding: 0 0.04rem;
}

@keyframes stm-dt-trip-clock-blink {
	50% { opacity: 0.25; }
}

.stm-dt-trip-clock__ampm {
	display: inline-flex;
	padding: 0.14rem;
	border-radius: 999px;
	background: var(--stm-dt-surface-muted, #f1f5f9);
	border: 1px solid var(--stm-dt-line, #e8ecf2);
	gap: 0.12rem;
}

.stm-dt-trip-clock__ampm button {
	border: 0;
	background: transparent;
	color: var(--stm-dt-ink-muted, #64748b);
	opacity: 1;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	padding: 0.32rem 0.55rem;
	border-radius: 999px;
	cursor: pointer;
}

.stm-dt-trip-clock__ampm button.is-on {
	color: #fff;
	background: var(--stm-dt-accent, #3b5bdb);
	box-shadow: 0 1px 3px color-mix(in srgb, var(--stm-dt-accent, #3b5bdb) 35%, transparent);
}

.stm-dt-trip-clock__wheels {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: stretch;
	gap: 0.2rem;
	height: 7.1rem;
	border-radius: 12px;
	background: var(--stm-dt-surface-soft, #f8fafc);
	border: 1px solid var(--stm-dt-line, #e8ecf2);
	overflow: hidden;
}

.stm-dt-trip-clock__wheels::before {
	content: '';
	position: absolute;
	left: 0.4rem;
	right: 0.4rem;
	top: 50%;
	height: 1.85rem;
	margin-top: -0.92rem;
	border-radius: 9px;
	background: color-mix(in srgb, var(--stm-dt-accent, #3b5bdb) 10%, #fff);
	border: 1px solid color-mix(in srgb, var(--stm-dt-accent, #3b5bdb) 18%, var(--stm-dt-line, #e8ecf2));
	pointer-events: none;
	z-index: 0;
}

.stm-dt-trip-clock__col {
	position: relative;
	z-index: 1;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-width: none;
	padding: 2.4rem 0;
}

.stm-dt-trip-clock__col::-webkit-scrollbar {
	display: none;
}

.stm-dt-trip-clock__tick {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 1.85rem;
	border: 0;
	background: transparent;
	color: var(--stm-dt-ink-subtle, #94a3b8);
	font-size: 0.92rem;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	cursor: pointer;
}

.stm-dt-trip-clock__tick.is-active {
	color: var(--stm-dt-ink, #0f172a);
	font-weight: 800;
	font-size: 1.05rem;
}

.stm-dt-trip-clock__wheel-colon {
	align-self: center;
	z-index: 2;
	color: var(--stm-dt-accent, #3b5bdb);
	font-size: 1.1rem;
	font-weight: 700;
	opacity: 0.85;
}

/* Harus di atas link-create (100130) / choice-picker (100160) */
#stm-dt-choice-remove-confirm {
	z-index: 100180;
}

body.stm-dashboard-page:has(#stm-dt-link-create-modal.show) #stm-dt-choice-remove-confirm,
body.stm-dashboard-page:has(.modal.show) #stm-dt-choice-remove-confirm {
	z-index: 100180 !important;
}

.stm-dt-choice-remove-confirm__card {
	max-width: 360px;
}

.stm-dt-choice-remove-confirm__msg {
	margin: 0;
	font-size: 0.92rem;
	line-height: 1.45;
	color: #344054;
	font-weight: 500;
}

#stm-dashboard-root .stm-ui-btn--danger,
.stm-ui-btn--danger {
	background: #dc2626;
	border-color: #dc2626;
	color: #fff;
}

#stm-dashboard-root .stm-ui-btn--danger:hover,
.stm-ui-btn--danger:hover {
	background: #b91c1c;
	border-color: #b91c1c;
	color: #fff;
}

#stm-dashboard-root .stm-dt-cell-clip--ai.stm-dt-cell-clip--dprt-trip {
	align-items: flex-start;
}

#stm-dashboard-root .stm-dt-cell-clip--dprt-trip > .stm-dt-dprt-stack {
	flex: 1 1 auto;
	min-width: 0;
}

#stm-dashboard-root .stm-dt-cell-clip--dprt-trip .stm-dt-time-cell--split {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.05rem;
	white-space: normal;
	line-height: 1.2;
}

#stm-dashboard-root .stm-dt-cell-clip--dprt-trip .stm-dt-time-cell--split .stm-dt-time-cell__date::after {
	content: none;
}

#stm-dashboard-root .stm-dt-cell-clip--dprt-trip .stm-dt-time-cell--split .stm-dt-time-cell__time {
	color: #667085;
	font-variant-numeric: tabular-nums;
}

#stm-dashboard-root .stm-dt-ramaya-datetime-cell.is-empty {
	color: #98a2b3;
	font-style: italic;
}

/* section */
#stm-dashboard-root .stm-dt-table--airtable tbody td.stm-dt-cell.stm-dt-cell--date-badge {
	vertical-align: middle;
	overflow: hidden;
}

#stm-dashboard-root .stm-dt-table--airtable tbody td.stm-dt-cell .stm-dt-cell-clip--date-badge {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	-webkit-line-clamp: unset;
	line-clamp: unset;
	-webkit-box-orient: unset;
	white-space: normal;
	overflow: hidden;
	word-break: normal;
	gap: 0.25rem;
	width: 100%;
	height: 100%;
	max-height: 100%;
	min-width: 0;
	min-height: 0;
	padding: 0.15rem 0.2rem;
	box-sizing: border-box;
}

#stm-dashboard-root .stm-dt-cell-clip--ai.stm-dt-cell-clip--date-badge {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.25rem;
}

#stm-dashboard-root .stm-dt-cell-clip--ai.stm-dt-cell-clip--date-badge > .stm-dt-date-badge {
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
	max-width: 100%;
	height: auto;
	max-height: none;
}

#stm-dashboard-root .stm-dt-cell-clip--ai.stm-dt-cell-clip--date-badge > .stm-dt-ai-cell__gen {
	flex: 0 0 auto;
	width: 1.125rem;
	height: 1.125rem;
	min-width: 1.125rem;
	margin: 0;
}

/* Hide any accidental non-badge siblings (legacy familiar-format text). */
#stm-dashboard-root .stm-dt-cell-clip--date-badge > .stm-dt-time-cell {
	display: none !important;
}

#stm-dashboard-root .stm-dt-date-badge,
#stm-dashboard-root .stm-dt-date-badge--simple,
#stm-dashboard-root .stm-dt-date-badge--tall,
#stm-dashboard-root .stm-dt-date-badge--xl,
#stm-dashboard-root .stm-dt-date-badge--has-time,
#stm-dashboard-root .stm-dt-date-badge__date,
#stm-dashboard-root .stm-dt-date-badge__time {
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
}

#stm-dashboard-root .stm-dt-date-badge {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: flex-start;
	gap: 0.55rem 0.75rem;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	padding: 0;
	border-radius: 0;
	border: 0;
	line-height: 1.35;
	user-select: none;
	pointer-events: none;
	font-size: 0.8125rem;
	font-weight: 400;
	color: #1d2939;
	font-variant-numeric: tabular-nums;
}

#stm-dashboard-root .stm-dt-date-badge--tall,
#stm-dashboard-root .stm-dt-date-badge--xl {
	font-size: 0.8125rem;
}

#stm-dashboard-root .stm-dt-date-badge__date {
	flex: 1 1 auto;
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#stm-dashboard-root .stm-dt-date-badge__time {
	flex: 0 0 auto;
	white-space: nowrap;
	color: #344054;
}

#stm-dashboard-root .stm-dt-time-cell--split {
	display: inline;
	white-space: nowrap;
}

#stm-dashboard-root .stm-dt-time-cell--split .stm-dt-time-cell__date::after {
	content: ", ";
}

@media (max-width: 767.98px) {
	#stm-dashboard-root .stm-dt-time-cell--split {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		gap: 0.08rem;
		white-space: normal;
		line-height: 1.25;
		max-width: 100%;
	}

	#stm-dashboard-root .stm-dt-time-cell--split .stm-dt-time-cell__date,
	#stm-dashboard-root .stm-dt-time-cell--split .stm-dt-time-cell__time {
		display: block;
		white-space: nowrap;
	}

	#stm-dashboard-root .stm-dt-time-cell--split .stm-dt-time-cell__date::after {
		content: none;
	}

	#stm-dashboard-root .stm-dt-time-cell--split .stm-dt-time-cell__time {
		color: #475467;
		font-variant-numeric: tabular-nums;
	}

	#stm-dashboard-root .stm-dt-date-badge--has-time {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.08rem;
	}

	#stm-dashboard-root .stm-dt-date-badge--has-time .stm-dt-date-badge__date,
	#stm-dashboard-root .stm-dt-date-badge--has-time .stm-dt-date-badge__time {
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}

	/* Short row: biarkan datetime 2 baris terbaca di mobile */
	#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--short tbody td.stm-dt-cell:has(.stm-dt-time-cell--split) {
		height: auto;
		min-height: 2.75rem;
		max-height: none;
		padding-top: 0.3rem;
		padding-bottom: 0.3rem;
	}

	#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--short tbody td.stm-dt-cell:has(.stm-dt-time-cell--split) .stm-dt-cell-clip {
		display: flex;
		-webkit-line-clamp: unset;
		line-clamp: unset;
		-webkit-box-orient: unset;
		overflow: visible;
	}

	#stm-dashboard-root .stm-dt-mobile-card__value .stm-dt-time-cell--split {
		font-size: 0.78rem;
	}
}

#stm-dashboard-root .stm-dt-date-badge--cancelled {
	background: transparent;
	color: #991b1b;
	text-decoration: line-through;
	text-decoration-thickness: 1px;
}

#stm-dashboard-root .stm-dt-date-badge--cancelled .stm-dt-date-badge__time {
	color: #b91c1c;
}

#stm-dashboard-root .stm-dt-cell--date-cancelled {
	background: rgba(254, 242, 242, 0.18);
}

#stm-dashboard-root .stm-dt-cell-clip--ai.stm-dt-cell-clip--date-badge > .stm-dt-date-badge--cancelled {
	width: auto;
	max-height: none;
}

#stm-dashboard-root .stm-dt-cell--has-reactions {
	position: relative;
	padding-bottom: 1.55rem !important;
}

#stm-dashboard-root .stm-dt-cell-clip--profit-guest {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 0.15rem;
	min-width: 0;
	width: 100%;
}

#stm-dashboard-root .stm-dt-profit-amount {
	display: block;
	font-variant-numeric: tabular-nums;
	line-height: 1.25;
}

#stm-dashboard-root .stm-dt-profit-guest {
	display: block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 0.68rem;
	font-weight: 550;
	line-height: 1.25;
	color: #667085;
	letter-spacing: 0.01em;
}

#stm-dashboard-root .stm-dt-cell-reactions {
	position: absolute;
	left: 0.35rem;
	right: 0.35rem;
	bottom: 0.22rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.18rem;
	z-index: 2;
	pointer-events: auto;
}

#stm-dashboard-root .stm-dt-cell-reactions__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.35rem;
	height: 1.35rem;
	padding: 0;
	border: 1px solid #e4e7ec;
	border-radius: 999px;
	background: #fff;
	color: #98a2b3;
	cursor: pointer;
	line-height: 0;
	transition: color 0.12s ease, background 0.12s ease, border-color 0.12s ease, transform 0.12s ease;
}

#stm-dashboard-root .stm-dt-cell-reactions__btn:hover {
	border-color: #98a2b3;
	color: #475467;
	transform: translateY(-1px);
}

#stm-dashboard-root .stm-dt-cell-reactions__btn:disabled {
	cursor: default;
	opacity: 1;
}

#stm-dashboard-root .stm-dt-cell-reactions__btn.is-thumbsup.is-active {
	color: #2563eb;
	border-color: #93c5fd;
	background: #eff6ff;
}

#stm-dashboard-root .stm-dt-cell-reactions__btn.is-star.is-active {
	color: #d97706;
	border-color: #fcd34d;
	background: #fffbeb;
}

#stm-dashboard-root .stm-dt-cell-reactions__btn.is-heart.is-active {
	color: #e11d48;
	border-color: #fda4af;
	background: #fff1f2;
}

#stm-dashboard-root .stm-dt-cell-reactions__btn.is-check.is-active {
	color: #059669;
	border-color: #6ee7b7;
	background: #ecfdf5;
}

#stm-dashboard-root .stm-dt-cell-reactions__btn.is-flag.is-active {
	color: #ea580c;
	border-color: #fdba74;
	background: #fff7ed;
}

#stm-dashboard-root .stm-dt-cell-reactions__btn.is-fire.is-active {
	color: #dc2626;
	border-color: #fca5a5;
	background: #fef2f2;
}

#stm-dashboard-root .stm-dt-cell-reactions__btn.is-alert.is-active {
	color: #ca8a04;
	border-color: #fde047;
	background: #fefce8;
}

#stm-dashboard-root .stm-dt-cell-reactions__btn.is-note.is-active {
	color: #4f46e5;
	border-color: #a5b4fc;
	background: #eef2ff;
}

.stm-dt-cell-note-editor {
	position: fixed;
	z-index: 120095;
	width: min(18.5rem, calc(100vw - 1rem));
	padding: 0.7rem 0.75rem 0.65rem;
	border-radius: 14px;
	border: 1px solid rgba(15, 23, 42, 0.08);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, #fff 100%);
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.7),
		0 18px 40px rgba(15, 23, 42, 0.14),
		0 2px 8px rgba(15, 23, 42, 0.05);
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
	font-family: inherit;
	color: #101828;
}

.stm-dt-cell-note-editor__head {
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
	padding: 0 0.05rem;
}

.stm-dt-cell-note-editor__title {
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.01em;
	color: #101828;
}

.stm-dt-cell-note-editor__sub {
	font-size: 0.7rem;
	font-weight: 500;
	color: #98a2b3;
}

.stm-dt-cell-note-editor__input {
	width: 100%;
	min-height: 5.5rem;
	resize: vertical;
	border: 1px solid #e4e7ec;
	border-radius: 10px;
	padding: 0.55rem 0.65rem;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: #1d2939;
	background: #f8fafc;
	outline: none;
	transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

.stm-dt-cell-note-editor__input:focus {
	border-color: #94a3b8;
	background: #fff;
	box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.04);
}

.stm-dt-cell-note-editor__input[readonly] {
	color: #475467;
	cursor: default;
}

.stm-dt-cell-note-editor__foot {
	display: flex;
	justify-content: flex-end;
	gap: 0.35rem;
}

.stm-dt-cell-note-editor__btn {
	border: 0;
	border-radius: 8px;
	padding: 0.38rem 0.72rem;
	font-size: 0.74rem;
	font-weight: 650;
	cursor: pointer;
}

.stm-dt-cell-note-editor__btn--ghost {
	background: transparent;
	color: #667085;
}

.stm-dt-cell-note-editor__btn--ghost:hover {
	background: #f2f4f7;
	color: #344054;
}

.stm-dt-cell-note-editor__btn--primary {
	background: #053256;
	color: #fff;
}

.stm-dt-cell-note-editor__btn--primary:hover {
	background: #0b4a7a;
}

.stm-dt-cell-note-editor__btn--primary:disabled {
	opacity: 0.55;
	cursor: default;
}

#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--short tbody td.stm-dt-cell.stm-dt-cell--has-reactions {
	padding-bottom: 1.35rem !important;
}

#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--short .stm-dt-cell-reactions__btn {
	width: 1.15rem;
	height: 1.15rem;
}

#stm-dashboard-root .stm-dt-table--airtable.stm-dt-row-h--short .stm-dt-cell-reactions__btn svg {
	width: 11px;
	height: 11px;
}

/* section */
.stm-dt-datetime-picker {
	position: fixed;
	z-index: 120080;
	width: min(20rem, calc(100vw - 0.75rem));
	max-height: min(90vh, calc(100vh - 0.75rem));
	overflow: auto;
	padding: 0.5rem 0.55rem 0.45rem;
	border-radius: 14px;
	border: 1px solid rgba(15, 23, 42, 0.1);
	background: #fff;
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.6),
		0 18px 40px rgba(15, 23, 42, 0.18),
		0 2px 8px rgba(15, 23, 42, 0.06);
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	font-family: inherit;
	color: #1d2939;
}

.stm-dt-datetime-picker__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	min-height: 1.1rem;
}

.stm-dt-datetime-picker__title {
	flex: 1 1 auto;
	min-width: 0;
	font-size: 0.76rem;
	font-weight: 700;
	color: #101828;
}

.stm-dt-datetime-picker__close {
	appearance: none;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.55rem;
	height: 1.55rem;
	margin: -0.15rem -0.1rem -0.15rem 0;
	padding: 0;
	border: 0;
	border-radius: 7px;
	background: transparent;
	color: #667085;
	cursor: pointer;
	transition: background 0.12s ease, color 0.12s ease;
}

.stm-dt-datetime-picker__close:hover,
.stm-dt-datetime-picker__close:focus-visible {
	outline: none;
	background: #f2f4f7;
	color: #101828;
}

.stm-dt-datetime-picker__body {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	min-width: 0;
	min-height: 0;
}

.stm-dt-datetime-picker__cal {
	min-width: 0;
}

.stm-dt-datetime-picker__nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.3rem;
	margin-bottom: 0.2rem;
}

.stm-dt-datetime-picker__nav-label {
	font-size: 0.76rem;
	font-weight: 650;
	color: #344054;
}

.stm-dt-datetime-picker__nav-btn {
	width: 1.45rem;
	height: 1.45rem;
	border: 0;
	border-radius: 7px;
	background: #f2f4f7;
	color: #344054;
	font-size: 1rem;
	line-height: 1;
	cursor: pointer;
}

.stm-dt-datetime-picker__nav-btn:hover {
	background: #e4e7ec;
}

.stm-dt-datetime-picker__dows,
.stm-dt-datetime-picker__days {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 0.08rem;
}

.stm-dt-datetime-picker__dows span {
	text-align: center;
	font-size: 0.58rem;
	font-weight: 650;
	color: #98a2b3;
	padding: 0.05rem 0;
	line-height: 1;
}

.stm-dt-datetime-picker__day {
	border: 0;
	background: transparent;
	border-radius: 7px;
	height: 1.7rem;
	width: 100%;
	font-size: 0.72rem;
	font-weight: 550;
	color: #344054;
	cursor: pointer;
	line-height: 1;
}

.stm-dt-datetime-picker__day.is-empty {
	visibility: hidden;
	pointer-events: none;
}

.stm-dt-datetime-picker__day:hover {
	background: #f2f4f7;
}

.stm-dt-datetime-picker__day.is-today {
	box-shadow: inset 0 0 0 1.5px #98a2b3;
}

.stm-dt-datetime-picker__day.is-selected {
	background: #053256;
	color: #fff;
	font-weight: 700;
}

.stm-dt-datetime-picker__day.is-selected.is-today {
	box-shadow: none;
}

.stm-dt-datetime-picker__quick-dates,
.stm-dt-datetime-picker__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.22rem;
	margin-top: 0.28rem;
}

.stm-dt-datetime-picker__chips--time {
	justify-content: center;
	margin-top: 0.28rem;
}

.stm-dt-datetime-picker__chip {
	border: 1px solid #e4e7ec;
	background: #fff;
	border-radius: 999px;
	padding: 0.14rem 0.42rem;
	font-size: 0.64rem;
	font-weight: 550;
	color: #475467;
	cursor: pointer;
	line-height: 1.2;
}

.stm-dt-datetime-picker__chip:hover {
	border-color: #98a2b3;
	color: #101828;
}

.stm-dt-datetime-picker__chip.is-active {
	border-color: #053256;
	background: #eff6ff;
	color: #053256;
}

.stm-dt-datetime-picker__time {
	border-top: 1px solid #f2f4f7;
	padding-top: 0.35rem;
	min-width: 0;
	min-height: 0;
}

.stm-dt-datetime-picker__time-bar {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 0.25rem;
	gap: 0.35rem;
}

.stm-dt-datetime-picker__time-label {
	font-size: 0.64rem;
	font-weight: 700;
	color: #667085;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.stm-dt-datetime-picker__time-readout {
	font-size: 0.8rem;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	color: #053256;
}

.stm-dt-datetime-picker__wheels {
	position: relative;
	display: grid;
	grid-template-columns: 1fr auto 1fr 0.7fr;
	align-items: stretch;
	gap: 0.15rem;
	height: 6.4rem;
	flex: 0 0 auto;
	border-radius: 11px;
	background: linear-gradient(180deg, #f8fafc 0%, #fff 42%, #fff 58%, #f8fafc 100%);
	border: 1px solid #eef2f6;
	overflow: hidden;
}

.stm-dt-datetime-picker__wheels::before,
.stm-dt-datetime-picker__wheels::after {
	content: '';
	position: absolute;
	left: 0.35rem;
	right: 0.35rem;
	height: 1.7rem;
	pointer-events: none;
	z-index: 2;
}

.stm-dt-datetime-picker__wheels::before {
	top: 0;
	background: linear-gradient(180deg, rgba(248, 250, 252, 0.97), rgba(248, 250, 252, 0));
}

.stm-dt-datetime-picker__wheels::after {
	bottom: 0;
	background: linear-gradient(0deg, rgba(248, 250, 252, 0.97), rgba(248, 250, 252, 0));
}

.stm-dt-datetime-picker__wheel-col {
	position: relative;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	scroll-snap-type: y proximity;
	scrollbar-width: none;
	-ms-overflow-style: none;
	padding: 2.15rem 0;
	z-index: 1;
	min-height: 0;
}

.stm-dt-datetime-picker__wheel-col::-webkit-scrollbar {
	display: none;
}

.stm-dt-datetime-picker__wheel-col.is-narrow {
	padding-left: 0.05rem;
	padding-right: 0.05rem;
}

.stm-dt-datetime-picker__wheel-track {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.stm-dt-datetime-picker__wheel-item {
	flex: 0 0 1.75rem;
	height: 1.75rem;
	border: 0;
	background: transparent;
	scroll-snap-align: center;
	font-size: 0.88rem;
	font-weight: 550;
	font-variant-numeric: tabular-nums;
	color: #98a2b3;
	cursor: pointer;
	border-radius: 7px;
	transition: color 0.12s ease, background 0.12s ease, font-weight 0.12s ease;
}

.stm-dt-datetime-picker__wheel-item:hover {
	color: #344054;
	background: rgba(5, 50, 86, 0.04);
}

.stm-dt-datetime-picker__wheel-item.is-active {
	color: #053256;
	font-weight: 750;
	font-size: 0.98rem;
	background: rgba(5, 50, 86, 0.08);
}

.stm-dt-datetime-picker__colon {
	align-self: center;
	font-size: 1.05rem;
	font-weight: 700;
	color: #98a2b3;
	line-height: 1;
	text-align: center;
	z-index: 3;
}

.stm-dt-datetime-picker__foot {
	display: flex;
	justify-content: space-between;
	gap: 0.45rem;
	padding-top: 0.15rem;
	border-top: 1px solid #f2f4f7;
}

.stm-dt-datetime-picker__btn {
	border: 0;
	border-radius: 8px;
	padding: 0.36rem 0.72rem;
	font-size: 0.74rem;
	font-weight: 650;
	cursor: pointer;
}

.stm-dt-datetime-picker__btn--ghost {
	background: transparent;
	color: #667085;
}

.stm-dt-datetime-picker__btn--ghost:hover {
	background: #f2f4f7;
	color: #344054;
}

.stm-dt-datetime-picker__btn--primary {
	background: #053256;
	color: #fff;
}

.stm-dt-datetime-picker__btn--primary:hover {
	background: #0b4a7a;
}

.stm-dt-datetime-picker__btn--primary:disabled {
	opacity: 0.55;
	cursor: default;
}

/* section */
@media (min-width: 560px) {
	.stm-dt-datetime-picker {
		width: min(36rem, calc(100vw - 1.25rem));
		padding: 0.55rem 0.65rem 0.5rem;
	}

	.stm-dt-datetime-picker__body {
		flex-direction: row;
		align-items: stretch;
		gap: 0.7rem;
	}

	.stm-dt-datetime-picker__cal {
		flex: 1 1 auto;
		min-width: 0;
	}

	.stm-dt-datetime-picker__day {
		height: 1.85rem;
		font-size: 0.76rem;
	}

	.stm-dt-datetime-picker__time {
		flex: 0 0 12.5rem;
		width: 12.5rem;
		border-top: 0;
		border-left: 1px solid #f2f4f7;
		padding-top: 0;
		padding-left: 0.7rem;
		display: flex;
		flex-direction: column;
	}

	.stm-dt-datetime-picker__wheels {
		height: 8.5rem;
		flex: 0 0 8.5rem;
	}

	.stm-dt-datetime-picker__wheel-col {
		padding: 3.1rem 0;
	}

	.stm-dt-datetime-picker__chips--time {
		margin-top: 0.35rem;
	}
}

@media (min-width: 900px) {
	.stm-dt-datetime-picker {
		width: min(40rem, calc(100vw - 1.5rem));
	}

	.stm-dt-datetime-picker__time {
		flex-basis: 13.5rem;
		width: 13.5rem;
	}

	.stm-dt-datetime-picker__day {
		height: 2rem;
	}

	.stm-dt-datetime-picker__wheels {
		height: 9.25rem;
		flex-basis: 9.25rem;
	}

	.stm-dt-datetime-picker__wheel-col {
		padding: 3.5rem 0;
	}
}

@media (max-width: 559.98px) {
	.stm-dt-datetime-picker__wheels {
		height: 5.85rem;
	}

	.stm-dt-datetime-picker__wheel-col {
		padding: 1.95rem 0;
	}

	.stm-dt-datetime-picker__wheel-item {
		flex-basis: 1.6rem;
		height: 1.6rem;
		font-size: 0.82rem;
	}

	.stm-dt-datetime-picker__wheel-item.is-active {
		font-size: 0.92rem;
	}
}

#stm-dashboard-root .stm-dt-record-id-cell {
	font-variant-numeric: tabular-nums;
	font-weight: 500;
	color: #667085;
}

#stm-dashboard-root .stm-dt-ramaya-record-id-cell {
	font-variant-numeric: tabular-nums;
	font-weight: 550;
	color: #344054;
}

#stm-dashboard-root .stm-dt-ramaya-record-id-cell.is-fallback {
	color: #98a2b3;
	font-weight: 500;
	font-style: italic;
}

#stm-dashboard-root .stm-dt-cell--readonly {
	background: #fcfcfd;
	cursor: default;
}

.stm-dt-filter-popover {
	width: min(42rem, calc(100vw - 1rem));
	max-height: min(78vh, 36rem);
	padding: 0.9rem 1rem 0.8rem;
	border-radius: 14px;
	box-shadow: 0 18px 48px rgba(15, 23, 42, 0.16), 0 2px 8px rgba(15, 23, 42, 0.04);
}

.stm-dt-filter-popover__head {
	margin-bottom: 0.45rem;
}

.stm-dt-filter-popover__title-wrap {
	display: flex;
	align-items: center;
	gap: 0.35rem;
}

.stm-dt-filter-context {
	margin: 0 0 0.55rem;
	font-size: 0.78rem;
	color: #667085;
	font-weight: 500;
}

.stm-dt-filter-list {
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
	overflow: auto;
	min-height: 0;
	flex: 1 1 auto;
	padding-right: 0.1rem;
	margin-bottom: 0.7rem;
}

.stm-dt-filter-empty {
	padding: 0.85rem 0.55rem;
	font-size: 0.78rem;
	color: #98a2b3;
	text-align: center;
	border: 1px dashed #e4e7ec;
	border-radius: 10px;
	background: #fafafa;
}

.stm-dt-filter-row {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	padding: 0;
	border: 0;
	background: transparent;
	border-radius: 0;
}

.stm-dt-filter-where {
	flex: 0 0 auto;
	min-width: 2.75rem;
	font-size: 0.8125rem;
	font-weight: 500;
	color: #344054;
	padding: 0;
}

.stm-dt-filter-conj {
	border: 1px solid #d0d5dd;
	background: #fff;
	border-radius: 999px;
	padding: 0.12rem 0.5rem;
	font-size: 0.7rem;
	font-weight: 700;
	text-transform: lowercase;
	letter-spacing: 0.01em;
	color: #344054;
	cursor: pointer;
}

.stm-dt-filter-conj:hover {
	border-color: #98a2b3;
	background: #f8fafc;
}

.stm-dt-filter-row__bar {
	display: flex;
	flex: 1 1 auto;
	align-items: stretch;
	min-width: 0;
	min-height: 2.05rem;
	border: 1px solid #d0d5dd;
	border-radius: 6px;
	background: #fff;
	overflow: hidden;
}

.stm-dt-filter-row__bar > * {
	border-radius: 0 !important;
	border: 0 !important;
	/* section */
	box-shadow: inset -1px 0 0 #e4e7ec !important;
	min-height: 2.05rem;
	height: auto;
	background: #fff !important;
}

.stm-dt-filter-row__bar > *:last-child {
	box-shadow: none !important;
}

.stm-dt-filter-control {
	min-width: 0;
	width: auto;
	font-size: 0.8125rem !important;
	border-radius: 0 !important;
	border-color: transparent !important;
	background: #fff !important;
	height: 2.05rem;
	padding: 0.2rem 0.55rem !important;
	color: #1d2939;
	line-height: 1.2;
}

.stm-dt-filter-row__bar > .stm-dt-filter-op {
	box-shadow: inset -1px 0 0 #e4e7ec !important;
}

.stm-dt-filter-row__bar > .stm-dt-filter-value {
	border: 0 !important;
	box-shadow: inset -1px 0 0 #e4e7ec !important;
}

.stm-dt-filter-row__bar > .stm-dt-filter-value .stm-dt-filter-control,
.stm-dt-filter-row__bar > .stm-dt-filter-value .stm-dt-filter-multi__trigger {
	box-shadow: none !important;
}

.stm-dt-filter-field-picker-wrap {
	flex: 0 1 auto;
	min-width: 6.5rem;
	max-width: 9.5rem;
	width: auto;
}

.stm-dt-filter-field-picker__trigger {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.35rem;
	width: 100%;
	height: 100%;
	text-align: left;
	cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: 500;
	padding: 0.2rem 0.55rem !important;
}

.stm-dt-filter-field-picker__trigger::after {
	content: '';
	flex: 0 0 auto;
	width: 0.38rem;
	height: 0.38rem;
	border-right: 1.5px solid #667085;
	border-bottom: 1.5px solid #667085;
	transform: rotate(45deg) translateY(-1px);
	opacity: 0.7;
}

.stm-dt-filter-field-picker {
	width: min(18rem, calc(100vw - 1rem));
	max-height: min(320px, calc(100vh - 2rem));
	padding: 0.45rem;
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	z-index: 120160;
}

.stm-dt-filter-field-picker__search {
	border-radius: 8px !important;
	font-size: 0.78rem !important;
	padding: 0.35rem 0.55rem !important;
}

.stm-dt-filter-field-picker__list {
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
	overflow: auto;
	min-height: 0;
	max-height: min(260px, calc(100vh - 8rem));
}

.stm-dt-filter-field-picker__item {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	width: 100%;
	border: 0;
	background: transparent;
	border-radius: 8px;
	padding: 0.38rem 0.45rem;
	text-align: left;
	font-size: 0.78rem;
	color: #344054;
	cursor: pointer;
}

.stm-dt-filter-field-picker__item:hover,
.stm-dt-filter-field-picker__item.is-active {
	background: #f0f9ff;
	color: #0f172a;
}

.stm-dt-filter-field-picker__icon {
	flex: 0 0 auto;
	font-size: 0.72rem;
	opacity: 0.75;
}

.stm-dt-filter-field-picker__label {
	min-width: 0;
	flex: 1 1 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.stm-dt-filter-field-picker__meta {
	flex: 0 0 auto;
	min-width: 1.1rem;
	padding: 0.05rem 0.28rem;
	border-radius: 999px;
	background: rgba(15, 23, 42, 0.06);
	color: #667085;
	font-size: 0.65rem;
	font-weight: 650;
	line-height: 1.2;
	text-align: center;
}

.stm-dt-filter-field-picker__section {
	margin: 0.35rem 0 0.1rem;
	padding: 0.1rem 0.4rem;
	font-size: 0.64rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #98a2b3;
}

.stm-dt-filter-field-picker__section:first-child {
	margin-top: 0.1rem;
}

.stm-dt-filter-field-picker__empty {
	margin: 0;
	padding: 0.45rem 0.35rem;
	font-size: 0.75rem;
	color: #98a2b3;
	text-align: center;
}

.stm-dt-filter-op {
	flex: 0 0 auto;
	width: auto !important;
	min-width: 4.25rem;
	max-width: 7.5rem;
	appearance: none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%23667085' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
	background-repeat: no-repeat !important;
	background-position: right 0.45rem center !important;
	background-size: 0.55rem !important;
	padding-right: 1.35rem !important;
	cursor: pointer;
	font-weight: 500;
}

.stm-dt-filter-date-mode {
	flex: 0 0 auto;
	min-width: 7.25rem;
	max-width: 11rem;
	display: inline-flex !important;
	align-items: center;
	gap: 0.35rem;
	color: #1d4a55 !important;
	font-weight: 600 !important;
	font-size: 0.75rem !important;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	background: #f7fafb !important;
	background-image: none !important;
	border-right: 1px solid #e4ecef !important;
	padding: 0 0.55rem !important;
	line-height: 1.2;
	transition: background 0.15s ease, color 0.15s ease;
}

.stm-dt-filter-date-mode__icon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.15rem;
	height: 1.15rem;
	border-radius: 5px;
	background: #e8f2f4;
	color: #2c5f6b;
}

.stm-dt-filter-date-mode__icon svg {
	width: 0.72rem;
	height: 0.72rem;
	display: block;
}

.stm-dt-filter-date-mode__label {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
}

.stm-dt-filter-date-mode__chev {
	flex: 0 0 auto;
	display: inline-flex;
	color: #6a7d88;
	opacity: 0.85;
	transition: transform 0.15s ease;
}

.stm-dt-filter-date-mode.is-open {
	background: #eef5f7 !important;
	color: #163f48 !important;
}

.stm-dt-filter-date-mode.is-open .stm-dt-filter-date-mode__chev {
	transform: rotate(180deg);
}

.stm-dt-filter-value {
	display: flex;
	flex: 1 1 auto;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 0;
	min-width: 0;
}

.stm-dt-filter-value.is-disabled {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 3rem;
	color: #d0d5dd;
	font-size: 0.85rem;
	background: #f8fafc !important;
}

.stm-dt-filter-multi {
	display: flex;
	flex: 1 1 auto;
	min-width: 0;
	align-items: stretch;
}

.stm-dt-filter-multi__trigger {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.35rem;
	width: 100%;
	min-width: 0;
	text-align: left;
	cursor: pointer;
	font-weight: 500;
}

.stm-dt-filter-multi__trigger.is-placeholder .stm-dt-filter-multi__label {
	color: #98a2b3;
	font-weight: 400;
}

.stm-dt-filter-multi__trigger.is-open {
	background: #eef5f7 !important;
}

.stm-dt-filter-multi__label {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.stm-dt-filter-multi__chev {
	flex: 0 0 auto;
	display: inline-flex;
	color: #667085;
}

.stm-dt-filter-multi__trigger.is-open .stm-dt-filter-multi__chev {
	transform: rotate(180deg);
}

.stm-dt-filter-multi-picker {
	--stm-fmp-ink: #15262e;
	--stm-fmp-muted: #6b7c86;
	--stm-fmp-line: rgba(21, 38, 46, 0.1);
	--stm-fmp-soft: #f3f7f8;
	--stm-fmp-accent: #1f6f78;
	--stm-fmp-accent-soft: rgba(31, 111, 120, 0.1);
	width: min(22rem, calc(100vw - 1rem));
	max-height: min(70vh, 520px);
	padding: 0.55rem;
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	overflow: hidden;
	z-index: 120180;
	border-radius: 14px !important;
	border: 1px solid var(--stm-fmp-line) !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, #fbfdfe 100%) !important;
	box-shadow:
		0 18px 40px rgba(18, 32, 40, 0.14),
		0 2px 8px rgba(18, 32, 40, 0.06) !important;
	backdrop-filter: blur(8px);
}

.stm-dt-filter-multi-picker__head {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	padding: 0.05rem 0.15rem 0.1rem;
}

.stm-dt-filter-multi-picker__title {
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--stm-fmp-muted);
}

.stm-dt-filter-multi-picker__count {
	font-size: 0.7rem;
	font-weight: 600;
	color: #98a2b3;
}

.stm-dt-filter-multi-picker__count.is-filled {
	color: var(--stm-fmp-accent);
}

.stm-dt-filter-multi-picker__chips {
	display: flex;
	flex: 0 1 auto;
	flex-wrap: wrap;
	gap: 0.3rem;
	max-height: 4.25rem;
	min-height: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0.15rem 0.05rem 0.2rem;
}

.stm-dt-filter-multi-picker__chip {
	display: inline-flex;
	align-items: center;
	gap: 0.28rem;
	max-width: 100%;
	padding: 0.18rem 0.28rem 0.18rem 0.45rem;
	border: 1px solid rgba(31, 111, 120, 0.22);
	border-radius: 999px;
	background: var(--stm-fmp-accent-soft);
	color: #164e56;
	font-size: 0.7rem;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	transition: background 0.12s ease, border-color 0.12s ease, transform 0.12s ease;
}

.stm-dt-filter-multi-picker__chip:hover {
	background: rgba(31, 111, 120, 0.16);
	border-color: rgba(31, 111, 120, 0.34);
}

.stm-dt-filter-multi-picker__chip:active {
	transform: scale(0.98);
}

.stm-dt-filter-multi-picker__chip-label {
	min-width: 0;
	max-width: 11rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.stm-dt-filter-multi-picker__chip-x {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1rem;
	height: 1rem;
	border-radius: 999px;
	color: #3d6f76;
	background: rgba(255, 255, 255, 0.65);
	flex: 0 0 auto;
}

.stm-dt-filter-multi-picker__search-wrap {
	position: relative;
	flex: 0 0 auto;
	z-index: 1;
}

.stm-dt-filter-multi-picker__search-ico {
	position: absolute;
	left: 0.65rem;
	top: 50%;
	transform: translateY(-50%);
	color: #8a9aa3;
	pointer-events: none;
}

.stm-dt-filter-multi-picker__search {
	width: 100%;
	height: 2rem;
	padding: 0.25rem 0.65rem 0.25rem 1.9rem;
	border: 1px solid var(--stm-fmp-line);
	border-radius: 10px;
	background: #fff;
	color: var(--stm-fmp-ink);
	font-size: 0.8rem;
	outline: none;
	transition: border-color 0.12s ease, box-shadow 0.12s ease;
}

.stm-dt-filter-multi-picker__search:focus {
	border-color: rgba(31, 111, 120, 0.45);
	box-shadow: 0 0 0 3px rgba(31, 111, 120, 0.12);
}

.stm-dt-filter-multi-picker__search::-webkit-search-decoration,
.stm-dt-filter-multi-picker__search::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

.stm-dt-filter-multi-picker__section {
	margin: 0.35rem 0 0.05rem;
	padding: 0.15rem 0.55rem 0.05rem;
	font-size: 0.64rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #98a2b3;
}

.stm-dt-filter-multi-picker__section:first-child {
	margin-top: 0.05rem;
}

.stm-dt-filter-multi-picker__list {
	flex: 1 1 0;
	min-height: 10rem;
	max-height: none;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	display: flex;
	flex-direction: column;
	gap: 0.12rem;
	padding: 0.15rem;
	border-radius: 10px;
	background: var(--stm-fmp-soft);
}

.stm-dt-filter-multi-picker__item {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0;
	padding: 0.42rem 0.5rem;
	border: 0;
	border-radius: 8px;
	background: transparent;
	cursor: pointer;
	font-size: 0.8rem;
	color: var(--stm-fmp-ink);
	text-align: left;
	transition: background 0.12s ease, color 0.12s ease;
}

.stm-dt-filter-multi-picker__item:hover {
	background: rgba(255, 255, 255, 0.85);
}

.stm-dt-filter-multi-picker__item.is-active {
	background: #fff;
	box-shadow: inset 0 0 0 1px rgba(31, 111, 120, 0.16);
	color: #13474e;
	font-weight: 600;
}

.stm-dt-filter-multi-picker__check {
	flex: 0 0 auto;
	width: 1.05rem;
	height: 1.05rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	border: 1.5px solid #c5d0d5;
	background: #fff;
	color: #fff;
}

.stm-dt-filter-multi-picker__item.is-active .stm-dt-filter-multi-picker__check {
	border-color: var(--stm-fmp-accent);
	background: var(--stm-fmp-accent);
}

.stm-dt-filter-multi-picker__text {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.stm-dt-filter-multi-picker__empty {
	margin: 0;
	padding: 1rem 0.5rem;
	font-size: 0.76rem;
	color: #98a2b3;
	text-align: center;
}

.stm-dt-filter-multi-picker__foot {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	padding-top: 0.3rem;
	border-top: 1px solid var(--stm-fmp-line);
	background: inherit;
}

.stm-dt-filter-multi-picker__clear {
	border: 0;
	background: transparent;
	color: var(--stm-fmp-muted);
	font-size: 0.75rem;
	font-weight: 600;
	padding: 0.25rem 0.2rem;
	cursor: pointer;
}

.stm-dt-filter-multi-picker__clear:hover {
	color: #b42318;
}

.stm-dt-filter-multi-picker__done {
	border: 0;
	border-radius: 8px;
	background: var(--stm-fmp-accent);
	color: #fff;
	font-size: 0.75rem;
	font-weight: 700;
	padding: 0.38rem 0.85rem;
	cursor: pointer;
	box-shadow: 0 1px 0 rgba(15, 40, 45, 0.12);
}

.stm-dt-filter-multi-picker__done:hover {
	background: #195c63;
}

.stm-dt-filter-date-mode:hover,
.stm-dt-filter-date-mode:focus {
	color: #163f48 !important;
	background: #eef5f7 !important;
	outline: none;
}

.stm-dt-filter-date-mode-picker {
	width: min(16.5rem, calc(100vw - 1rem));
	max-height: min(360px, calc(100vh - 2rem));
	padding: 0.4rem;
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	z-index: 120170;
	border-radius: 12px !important;
	border: 1px solid #dce7eb !important;
	background: #fff !important;
	box-shadow: 0 10px 28px rgba(21, 38, 47, 0.12), 0 2px 6px rgba(21, 38, 47, 0.06) !important;
}

.stm-dt-filter-date-mode-picker__head {
	padding: 0.35rem 0.55rem 0.45rem;
	font-size: 0.62rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #7a8b94;
}

.stm-dt-filter-date-mode-picker__list {
	display: flex;
	flex-direction: column;
	gap: 0.08rem;
	overflow: auto;
	min-height: 0;
	max-height: min(300px, calc(100vh - 8rem));
	padding-bottom: 0.15rem;
}

.stm-dt-filter-date-mode-picker__item {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	width: 100%;
	border: 0;
	background: transparent;
	border-radius: 8px;
	padding: 0.48rem 0.55rem;
	text-align: left;
	font-size: 0.78rem;
	font-weight: 550;
	color: #243842;
	cursor: pointer;
	transition: background 0.12s ease, color 0.12s ease;
}

.stm-dt-filter-date-mode-picker__item:hover {
	background: #f4f8f9;
	color: #15262f;
}

.stm-dt-filter-date-mode-picker__item.is-active {
	background: #e8f3f5;
	color: #1a4d57;
}

.stm-dt-filter-date-mode-picker__icon {
	flex: 0 0 auto;
	width: 1.45rem;
	height: 1.45rem;
	border-radius: 7px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #f0f6f7;
	border: 1px solid #dde8eb;
	color: #2c5f6b;
}

.stm-dt-filter-date-mode-picker__item.is-active .stm-dt-filter-date-mode-picker__icon {
	background: #d9ecef;
	border-color: #bfd7dc;
	color: #1f5560;
}

.stm-dt-filter-date-mode-picker__svg {
	display: block;
}

.stm-dt-filter-date-mode-picker__label {
	flex: 1 1 auto;
	min-width: 0;
	line-height: 1.25;
}

.stm-dt-filter-date-mode-picker__check {
	flex: 0 0 auto;
	display: inline-flex;
	color: #2c5f6b;
	opacity: 0.9;
}

.stm-dt-filter-date-trigger {
	flex: 1 1 auto;
	min-width: 6.5rem;
	text-align: left;
	cursor: pointer;
	font-weight: 500;
	color: #1d2939;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.stm-dt-filter-date-trigger.is-placeholder {
	color: #98a2b3;
	font-weight: 450;
}

.stm-dt-filter-date-trigger:hover {
	background: #f8fafc !important;
}

.stm-dt-filter-value > .stm-dt-filter-control:not(.stm-dt-filter-date-mode):not(.stm-dt-filter-date-trigger) {
	flex: 1 1 auto;
	min-width: 5rem;
}

.stm-dt-filter-date-n {
	max-width: 4.25rem;
	flex: 0 0 4.25rem;
}

.stm-dt-filter-tz {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.35rem;
	padding: 0 0.45rem;
	font-size: 0.7rem;
	font-weight: 650;
	letter-spacing: 0.02em;
	color: #475467;
	background: #f8fafc !important;
	border-radius: 0;
	line-height: 1.2;
	white-space: nowrap;
	user-select: none;
	border-right: 1px solid #e4e7ec !important;
}

.stm-dt-filter-del {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 2.05rem;
	width: 2.05rem;
	min-width: 2.05rem;
	height: auto;
	color: #98a2b3;
	cursor: pointer;
	background: #fff !important;
}

.stm-dt-filter-del:hover {
	background: #fef3f2 !important;
	color: #b42318;
}

.stm-dt-filter-drag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 1.85rem;
	width: 1.85rem;
	min-width: 1.85rem;
	color: #c0c6d0;
	cursor: grab;
	user-select: none;
	background: #fff !important;
}

.stm-dt-filter-popover__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding-top: 0.55rem;
	border-top: 1px solid #f2f4f7;
}

.stm-dt-filter-popover__add {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	flex-wrap: wrap;
}

.stm-dt-filter-add {
	font-weight: 600 !important;
}

.stm-dt-filter-popover__actions {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	margin-left: auto;
}

/* section */
.stm-dt-datetime-picker {
	width: min(19.5rem, calc(100vw - 0.75rem));
	padding: 0.7rem 0.75rem 0.65rem;
	border-radius: 16px;
	border: 1px solid rgba(15, 23, 42, 0.08);
	background:
		radial-gradient(120% 80% at 0% 0%, rgba(239, 246, 255, 0.9) 0%, rgba(255, 255, 255, 0) 55%),
		#fff;
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.7),
		0 22px 48px rgba(15, 23, 42, 0.16),
		0 4px 12px rgba(15, 23, 42, 0.06);
	gap: 0.55rem;
	z-index: 120150;
}

/*
 * Override @media (min-width: 560px) row layout: premium width ~19.5rem terlalu
 * sempit untuk date|time berdampingan (kalender terhimpit + time menumpuk).
 */
.stm-dt-datetime-picker__body {
	flex-direction: column;
	align-items: stretch;
	gap: 0.45rem;
}

.stm-dt-datetime-picker__cal {
	flex: 0 0 auto;
	width: 100%;
	min-width: 0;
}

.stm-dt-datetime-picker__time {
	flex: 0 0 auto;
	width: 100%;
	border-top: 1px solid #f2f4f7;
	border-left: 0;
	padding-top: 0.4rem;
	padding-left: 0;
	display: flex;
	flex-direction: column;
}

.stm-dt-datetime-picker__wheels {
	height: 6.4rem;
	flex: 0 0 6.4rem;
}

.stm-dt-datetime-picker__wheel-col {
	padding: 2.15rem 0;
}

/* section */
#stm-dt-filter-date-picker.stm-dt-fcal,
.stm-dt-fcal {
	width: min(17.25rem, calc(100vw - 0.75rem));
	padding: 0.85rem 0.55rem 0.75rem;
	border-radius: 12px;
	border: 1px solid rgba(15, 23, 42, 0.08);
	background: #fff;
	box-shadow:
		0 1px 2px rgba(15, 23, 42, 0.04),
		0 12px 28px rgba(15, 23, 42, 0.1);
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
	z-index: 120150;
}

.stm-dt-fcal__top {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0 0.55rem;
}

.stm-dt-fcal__month {
	font-size: 0.92rem;
	font-weight: 650;
	letter-spacing: -0.02em;
	color: #1f2937;
	line-height: 1.2;
}

.stm-dt-fcal__today {
	appearance: none;
	border: 0;
	background: transparent;
	padding: 0;
	margin: 0;
	font: inherit;
	font-size: 0.8rem;
	font-weight: 500;
	color: #9ca3af;
	cursor: pointer;
	line-height: 1.2;
	transition: color 0.12s ease;
}

.stm-dt-fcal__today:hover,
.stm-dt-fcal__today:focus-visible {
	color: #4b5563;
	outline: none;
}

.stm-dt-fcal__body {
	display: grid;
	grid-template-columns: 1.35rem minmax(0, 1fr) 1.35rem;
	align-items: center;
	gap: 0.1rem;
}

.stm-dt-fcal__nav {
	appearance: none;
	border: 0;
	background: transparent;
	width: 1.35rem;
	height: 1.35rem;
	padding: 0;
	margin: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #c0c4cc;
	cursor: pointer;
	border-radius: 6px;
	transition: color 0.12s ease, background 0.12s ease;
}

.stm-dt-fcal__nav:hover,
.stm-dt-fcal__nav:focus-visible {
	color: #6b7280;
	background: #f3f4f6;
	outline: none;
}

.stm-dt-fcal__nav svg {
	display: block;
}

.stm-dt-fcal__grid {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}

.stm-dt-fcal__dows,
.stm-dt-fcal__days {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 0.1rem 0;
}

.stm-dt-fcal__input-wrap {
	padding: 0 0.55rem;
	flex: 0 0 auto;
}

.stm-dt-fcal__input {
	width: 100%;
	min-height: 2rem;
	border-radius: 8px !important;
	font-size: 0.8125rem !important;
	border-color: #e4e7ec !important;
	background: #f8fafc !important;
}

.stm-dt-fcal__input:focus {
	background: #fff !important;
	border-color: #84caff !important;
	box-shadow: 0 0 0 3px rgba(46, 144, 250, 0.16) !important;
}

.stm-dt-fcal__input.is-invalid {
	border-color: #f97066 !important;
	background: #fef3f2 !important;
}

.stm-dt-fcal__dows span {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1.45rem;
	font-size: 0.68rem;
	font-weight: 500;
	color: #9ca3af;
	letter-spacing: 0.01em;
	user-select: none;
}

.stm-dt-fcal__day {
	appearance: none;
	border: 0;
	background: transparent;
	width: 100%;
	height: 1.85rem;
	min-height: 1.85rem;
	max-height: none;
	aspect-ratio: auto;
	padding: 0;
	margin: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font: inherit;
	font-size: 0.8rem;
	font-weight: 500;
	color: #374151;
	border-radius: 5px;
	cursor: pointer;
	transition: background 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
}

.stm-dt-fcal__day.is-empty {
	pointer-events: none;
	visibility: hidden;
}

.stm-dt-fcal__day:hover {
	background: #eff8ff;
	color: #175cd3;
}

.stm-dt-fcal__day.is-today:not(.is-selected) {
	color: #175cd3;
	font-weight: 650;
	box-shadow: inset 0 0 0 1.5px #84caff;
}

.stm-dt-fcal__day.is-selected {
	background: linear-gradient(180deg, #2e90fa 0%, #1570ef 100%);
	color: #fff;
	font-weight: 700;
	box-shadow: 0 4px 10px rgba(21, 112, 239, 0.28);
}

.stm-dt-fcal__day.is-selected:hover {
	background: linear-gradient(180deg, #2e90fa 0%, #1570ef 100%);
	color: #fff;
}

.stm-dt-fcal--with-time {
	width: min(19.5rem, calc(100vw - 0.75rem));
	gap: 0.7rem;
	max-height: min(92vh, 40rem);
	overflow: auto;
}

.stm-dt-fcal__time {
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
	padding: 0.55rem 0.55rem 0.1rem;
	border-top: 1px solid #f0f1f3;
}

.stm-dt-fcal__time-bar {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.5rem;
}

.stm-dt-fcal__time-label {
	font-size: 0.68rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #9ca3af;
}

.stm-dt-fcal__time-readout {
	font-size: 0.8rem;
	font-weight: 700;
	color: #053256;
	letter-spacing: -0.01em;
	font-variant-numeric: tabular-nums;
}

.stm-dt-fcal__wheels {
	height: 6.4rem;
	flex: 0 0 6.4rem;
}

.stm-dt-fcal__time-chips {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.3rem;
}

.stm-dt-fcal__time-chips--quick {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.28rem;
	margin-top: 0.1rem;
}

.stm-dt-fcal__time-chips--quick .stm-dt-fcal__chip {
	flex: 0 0 auto;
	padding: 0.28rem 0.5rem;
	font-size: 0.72rem;
	border-radius: 999px;
	border: 1px solid #e4e7ec;
	background: #fff;
}

.stm-dt-fcal__chip {
	appearance: none;
	border: 1px solid transparent;
	background: #f6f7f9;
	border-radius: 7px;
	padding: 0.38rem 0.45rem;
	font: inherit;
	font-size: 0.74rem;
	font-weight: 500;
	color: #4b5563;
	cursor: pointer;
	transition: background 0.1s ease, color 0.1s ease, border-color 0.1s ease;
}

.stm-dt-fcal__chip:hover {
	background: #eef0f3;
	color: #111827;
}

.stm-dt-fcal__chip.is-active {
	background: #fff;
	border-color: #d1d5db;
	color: #111827;
	font-weight: 600;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.stm-dt-fcal__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	padding: 0.15rem 0.55rem 0.1rem;
}

.stm-dt-fcal__btn {
	appearance: none;
	border: 0;
	font: inherit;
	font-size: 0.78rem;
	font-weight: 600;
	border-radius: 8px;
	padding: 0.4rem 0.75rem;
	cursor: pointer;
	transition: background 0.1s ease, color 0.1s ease;
}

.stm-dt-fcal__btn--ghost {
	background: transparent;
	color: #9ca3af;
}

.stm-dt-fcal__btn--ghost:hover {
	color: #4b5563;
	background: #f3f4f6;
}

.stm-dt-fcal__btn--primary {
	background: #111827;
	color: #fff;
}

.stm-dt-fcal__btn--primary:hover {
	background: #1f2937;
}

/* Link create/edit modal date field */
.stm-dt-link-date-field {
	position: relative;
	display: block;
}

.stm-dt-link-date-field__trigger {
	appearance: none;
	width: 100%;
	min-height: 2.1rem;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.4rem;
	padding: 0.35rem 2.1rem 0.35rem 0.7rem;
	border: 1px solid #e4e7ec;
	border-radius: 8px;
	background: #fff;
	font: inherit;
	font-size: 0.8125rem;
	font-weight: 500;
	color: #1f2937;
	text-align: left;
	cursor: pointer;
	transition: border-color 0.12s ease, box-shadow 0.12s ease, background 0.12s ease;
}

.stm-dt-link-date-field__trigger.is-placeholder {
	color: #98a2b3;
	font-weight: 450;
}

.stm-dt-link-date-field__trigger:hover {
	border-color: #d0d5dd;
	background: #fcfcfd;
}

.stm-dt-link-date-field__trigger:focus-visible {
	outline: none;
	border-color: #98a2b3;
	box-shadow: 0 0 0 3px rgba(152, 162, 179, 0.18);
}

.stm-dt-link-date-field__icon {
	position: absolute;
	right: 0.65rem;
	top: 50%;
	transform: translateY(-50%);
	display: inline-flex;
	color: #98a2b3;
	pointer-events: none;
}

#stm-dt-link-create-modal.stm-dt-link-edit-sheet .stm-dt-link-date-field__trigger {
	min-height: 2.25rem;
	border-radius: 10px;
}

.stm-dt-datetime-picker__title {
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: #0f172a;
}

.stm-dt-datetime-picker__nav-label {
	font-size: 0.84rem;
	font-weight: 700;
	color: #101828;
}

.stm-dt-datetime-picker__nav-btn {
	width: 1.7rem;
	height: 1.7rem;
	border-radius: 999px;
	background: #f2f4f7;
	color: #344054;
	transition: background 0.12s ease, transform 0.12s ease;
}

.stm-dt-datetime-picker__nav-btn:hover {
	background: #e4e7ec;
	transform: translateY(-0.5px);
}

.stm-dt-datetime-picker__dows span {
	font-size: 0.65rem;
	font-weight: 650;
	color: #98a2b3;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.stm-dt-datetime-picker__day {
	width: 100%;
	height: 2.05rem;
	border-radius: 999px;
	font-size: 0.8rem;
	font-weight: 550;
	color: #1d2939;
	transition: background 0.12s ease, color 0.12s ease, box-shadow 0.12s ease;
}

.stm-dt-datetime-picker__day:hover {
	background: #eff8ff;
	color: #175cd3;
}

.stm-dt-datetime-picker__day.is-today {
	box-shadow: inset 0 0 0 1.5px #84caff;
	color: #175cd3;
	font-weight: 700;
}

.stm-dt-datetime-picker__day.is-selected {
	background: linear-gradient(180deg, #2e90fa 0%, #1570ef 100%);
	color: #fff;
	box-shadow: 0 6px 14px rgba(21, 112, 239, 0.28);
	font-weight: 700;
}

.stm-dt-datetime-picker__day.is-selected.is-today {
	box-shadow: 0 6px 14px rgba(21, 112, 239, 0.28);
}

.stm-dt-datetime-picker__chip {
	border-radius: 999px;
	border: 1px solid #e4e7ec;
	background: #fff;
	color: #344054;
	font-size: 0.72rem;
	font-weight: 600;
	padding: 0.28rem 0.55rem;
}

.stm-dt-datetime-picker__chip:hover {
	border-color: #b2ddff;
	background: #f5faff;
	color: #175cd3;
}

.stm-dt-datetime-picker__chip.is-active {
	border-color: #2e90fa;
	background: #eff8ff;
	color: #175cd3;
}

.stm-dt-datetime-picker__btn--primary {
	background: linear-gradient(180deg, #2e90fa 0%, #1570ef 100%);
	border: 0;
	box-shadow: 0 6px 14px rgba(21, 112, 239, 0.25);
}

.stm-dt-datetime-picker__btn--primary:hover {
	filter: brightness(1.03);
}

@media (max-width: 720px) {
	.stm-dt-filter-row {
		flex-direction: column;
		align-items: stretch;
		gap: 0.35rem;
	}

	.stm-dt-filter-where {
		min-width: 0;
		padding-left: 0.1rem;
	}

	.stm-dt-filter-row__bar {
		flex-wrap: wrap;
		min-height: 0;
	}

	.stm-dt-filter-field-picker-wrap,
	.stm-dt-filter-op,
	.stm-dt-filter-value {
		flex: 1 1 100%;
		max-width: none;
		border-right: 0 !important;
		border-bottom: 1px solid #e4e7ec !important;
	}

	.stm-dt-filter-del,
	.stm-dt-filter-drag {
		flex: 1 1 auto;
		border-bottom: 0 !important;
	}

	.stm-dt-filter-value {
		flex-wrap: wrap;
	}

	.stm-dt-filter-date-mode,
	.stm-dt-filter-date-trigger,
	.stm-dt-filter-tz {
		border-right: 0 !important;
		border-bottom: 1px solid #eef1f5 !important;
		min-height: 2.05rem;
	}
}

.stm-dt-popover__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	margin-bottom: 0.35rem;
}

.stm-dt-popover__title {
	font-size: 0.92rem;
	font-weight: 700;
	color: #101828;
}

.stm-dt-popover__link {
	border: 0;
	background: transparent;
	color: #175cd3;
	font-size: 0.78rem;
	padding: 0;
	cursor: pointer;
}

.stm-dt-popover__hint {
	margin: 0 0 0.45rem;
	font-size: 0.75rem;
	color: #667085;
}

.stm-dt-popover__list {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	overflow: auto;
	min-height: 0;
	flex: 1 1 auto;
	padding-right: 0.1rem;
}

.stm-dt-popover__item {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	width: 100%;
	padding: 0.45rem 0.5rem;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: #101828;
	font-size: 0.8125rem;
	text-align: left;
	cursor: pointer;
}

.stm-dt-popover__item:hover,
.stm-dt-popover__item.is-active {
	background: #f2f4f7;
}

.stm-dt-popover__item-label {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.stm-dt-popover__more {
	margin-top: 0.35rem;
	border: 0;
	background: transparent;
	color: #475467;
	font-size: 0.78rem;
	text-align: left;
	padding: 0.35rem 0.45rem;
	cursor: pointer;
}

.stm-dt-group-popover {
	width: min(20rem, calc(100vw - 1rem));
	max-height: min(72vh, 30rem);
	padding: 0.7rem 0.7rem 0.55rem;
	gap: 0.45rem;
}

.stm-dt-group-popover__quick {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	flex: 0 0 auto;
}

.stm-dt-group-popover__quick-btn {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
	padding: 0.4rem 0.7rem;
	border: 1px solid #d0d5dd;
	border-radius: 8px;
	background: #f8fafc;
	color: #344054;
	font-size: 0.78rem;
	font-weight: 600;
	line-height: 1.25;
	cursor: pointer;
	text-align: center;
	transition: border-color 0.12s ease, background 0.12s ease, color 0.12s ease;
}

.stm-dt-group-popover__quick-btn:hover {
	border-color: #84caff;
	background: #eff8ff;
	color: #175cd3;
}

.stm-dt-group-popover__quick-btn.is-active {
	border-color: #12b76a;
	background: #ecfdf3;
	color: #027a48;
}

.stm-dt-group-popover__search {
	position: relative;
	display: flex;
	align-items: center;
	flex: 0 0 auto;
}

.stm-dt-group-popover__search-icon {
	position: absolute;
	left: 0.65rem;
	top: 50%;
	transform: translateY(-50%);
	display: inline-flex;
	color: #98a2b3;
	pointer-events: none;
	z-index: 1;
}

.stm-dt-group-popover__search-input {
	width: 100%;
	padding-left: 2rem !important;
	padding-right: 1.9rem !important;
	border-radius: 10px !important;
	font-size: 0.8125rem !important;
	min-height: 2.15rem;
	border-color: #e4e7ec !important;
	background: #f8fafc !important;
	transition: border-color 0.12s ease, background 0.12s ease, box-shadow 0.12s ease;
}

.stm-dt-group-popover__search-input:hover {
	background: #fff !important;
	border-color: #d0d5dd !important;
}

.stm-dt-group-popover__search-input:focus {
	background: #fff !important;
	border-color: #84caff !important;
	box-shadow: 0 0 0 3px rgba(46, 144, 250, 0.16) !important;
}

.stm-dt-group-popover__search-input::-webkit-search-cancel-button {
	-webkit-appearance: none;
	appearance: none;
	display: none;
}

.stm-dt-group-popover__search-clear {
	appearance: none;
	position: absolute;
	right: 0.35rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.4rem;
	height: 1.4rem;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: #e4e7ec;
	color: #475467;
	font-size: 0.95rem;
	line-height: 1;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.stm-dt-group-popover__search-clear:hover {
	background: #d0d5dd;
	color: #101828;
}

.stm-dt-group-popover__search-clear.d-none {
	display: none !important;
}

.stm-dt-group-popover__list {
	gap: 0.1rem;
	margin: 0 -0.1rem;
	padding: 0.1rem 0.1rem 0.15rem;
}

.stm-dt-group-popover__item {
	gap: 0.5rem;
	padding: 0.48rem 0.55rem;
	border-radius: 9px;
}

.stm-dt-group-popover__item.is-focus:not(.is-active) {
	background: #f2f4f7;
}

.stm-dt-group-popover__item.is-active {
	background: #eff6ff;
	color: #1d4ed8;
}

.stm-dt-group-popover__item.is-active.is-focus {
	background: #dbeafe;
}

.stm-dt-group-popover__type {
	flex: 0 0 auto;
	opacity: 0.72;
	font-size: 0.72rem;
}

.stm-dt-group-popover__item-body {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 0.05rem;
}

.stm-dt-group-popover__item-label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.stm-dt-group-popover__item-key {
	font-size: 0.68rem;
	color: #98a2b3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.stm-dt-group-popover__mark {
	background: #fef08a;
	color: inherit;
	border-radius: 3px;
	padding: 0 0.08em;
	font-weight: 650;
}

.stm-dt-group-popover__check {
	flex: 0 0 auto;
	font-size: 0.78rem;
	font-weight: 700;
	color: #2563eb;
}

.stm-dt-group-popover__empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	padding: 1.4rem 0.75rem;
	color: #98a2b3;
}

.stm-dt-group-popover__empty-icon {
	display: inline-flex;
	opacity: 0.55;
}

.stm-dt-group-popover__empty-text {
	margin: 0;
	font-size: 0.78rem;
	text-align: center;
}

.stm-dt-group-popover__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	padding-top: 0.35rem;
	border-top: 1px solid #f2f4f7;
	flex: 0 0 auto;
}

.stm-dt-group-popover__count {
	font-size: 0.7rem;
	color: #98a2b3;
	font-weight: 550;
}

.stm-dt-group-popover__kbd-hint {
	font-size: 0.65rem;
	color: #b0b7c3;
	font-weight: 600;
	letter-spacing: 0.02em;
	font-variant-numeric: tabular-nums;
}

.stm-dt-hide-popover__search {
	margin-bottom: 0.5rem;
}

.stm-dt-hide-row {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.35rem 0.35rem;
	border-radius: 8px;
}

.stm-dt-hide-row:hover,
.stm-dt-hide-row.is-drag-over {
	background: #f8fafc;
}

.stm-dt-hide-row.is-dragging {
	opacity: 0.5;
}

.stm-dt-hide-order {
	flex: 0 0 2rem;
	width: 2rem;
	min-width: 2rem;
	height: 1.35rem;
	padding: 0 0.15rem;
	border: 1px solid #d0d5dd;
	border-radius: 6px;
	background: #f8fafc;
	text-align: center;
	font-size: 0.7rem;
	font-weight: 650;
	font-variant-numeric: tabular-nums;
	color: #344054;
	line-height: 1.35rem;
	-moz-appearance: textfield;
}

.stm-dt-hide-order::-webkit-outer-spin-button,
.stm-dt-hide-order::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.stm-dt-hide-order:focus {
	outline: none;
	border-color: #84caff;
	background: #fff;
	box-shadow: 0 0 0 3px rgba(46, 144, 250, 0.14);
}

.stm-dt-hide-order:disabled {
	opacity: 0.65;
	cursor: default;
}

.stm-dt-hide-toggle {
	flex: 0 0 2rem;
	width: 2rem;
	height: 1.15rem;
	border: 0;
	border-radius: 999px;
	background: #d0d5dd;
	position: relative;
	cursor: pointer;
	padding: 0;
}

.stm-dt-hide-toggle::after {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	width: 0.85rem;
	height: 0.85rem;
	border-radius: 999px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.2);
	transition: left 0.15s ease;
}

.stm-dt-hide-toggle.is-on {
	background: #2e90fa;
}

.stm-dt-hide-toggle.is-on::after {
	left: calc(100% - 0.95rem);
}

.stm-dt-hide-toggle.is-locked,
.stm-dt-hide-toggle:disabled {
	opacity: 0.45;
	cursor: not-allowed;
}

.stm-dt-hide-popover__foot .stm-dt-popover__hint {
	grid-column: 1 / -1;
}

.stm-dt-hide-drag {
	margin-left: auto;
	color: #98a2b3;
	font-size: 0.75rem;
	letter-spacing: -0.08em;
	cursor: grab;
	user-select: none;
}

.stm-dt-hide-popover__foot {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.45rem;
	margin-top: 0.55rem;
	padding-top: 0.55rem;
	border-top: 1px solid #eaecf0;
}

#stm-dashboard-root .stm-dt-drag-handle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 1.75rem;
	cursor: grab;
	color: #98a2b3;
}

#stm-dashboard-root .stm-dt-drag-handle:active {
	cursor: grabbing;
}

#stm-dashboard-root .stm-dt-row-actions {
	opacity: 0;
}

#stm-dashboard-root .stm-dt-table--airtable tbody tr:hover .stm-dt-row-actions,
#stm-dashboard-root .stm-dt-table--airtable tbody tr:focus-within .stm-dt-row-actions {
	opacity: 1;
}

#stm-dashboard-root .stm-dt-icon-btn {
	border: 0;
	background: transparent;
	line-height: 1;
	padding: 0.15rem;
	color: var(--stm-text-muted);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

#stm-dashboard-root .stm-dt-icon-btn--danger:hover {
	color: #b42318;
}

#stm-dashboard-root .stm-dt-icon-btn svg {
	display: block;
	pointer-events: none;
}

#stm-dashboard-root .stm-dt-trash-preview {
	max-width: 28rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: var(--stm-text-muted);
}

#stm-dashboard-root .stm-panel--data-table.is-trash-view .stm-dt-table--airtable tbody tr .stm-dt-col-aksi {
	opacity: 1;
}

#stm-dashboard-root .stm-sidebar-nav__sub--trash {
	margin-top: 0.15rem;
	padding-top: 0.25rem;
	border-top: 1px solid color-mix(in srgb, var(--stm-border, #e5e7eb) 80%, transparent);
}

#stm-dashboard-root .stm-dt-nama {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	min-width: 0;
	max-width: 100%;
}

#stm-dashboard-root .stm-dt-nama-text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#stm-dashboard-root .stm-dt-nama-warna,
#stm-dashboard-root .stm-dt-warna-swatch {
	width: 0.85rem;
	height: 0.85rem;
	border-radius: 999px;
	border: 1px solid rgba(15, 23, 42, 0.18);
	padding: 0;
	flex: 0 0 auto;
	background: #fff;
}

#stm-dashboard-root .stm-dt-nama-warna {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.05rem;
	height: 1.05rem;
	min-width: 1.05rem;
	border: 0;
	border-radius: 0.2rem;
	background: transparent;
	color: #98a2b3;
	cursor: pointer;
	line-height: 0;
}

#stm-dashboard-root .stm-dt-nama-warna:hover:not(:disabled),
#stm-dashboard-root .stm-dt-nama-warna:focus-visible {
	color: #667085;
	background: rgba(15, 23, 42, 0.06);
	outline: none;
}

#stm-dashboard-root .stm-dt-nama-warna:disabled {
	opacity: 0.55;
	cursor: default;
}

#stm-dashboard-root .stm-dt-nama-warna__icon {
	display: block;
	width: 0.85rem;
	height: 0.85rem;
}

#stm-dashboard-root .stm-dt-warna-swatch.is-none,
#stm-dashboard-root .stm-dt-nama-warna:not([class*="is-"]) {
	color: #98a2b3;
	background: transparent;
}

#stm-dashboard-root .stm-dt-nama-warna.is-red,
#stm-dashboard-root .stm-dt-warna-swatch.is-red { background: #f97066 !important; }
#stm-dashboard-root .stm-dt-nama-warna.is-rose,
#stm-dashboard-root .stm-dt-warna-swatch.is-rose { background: #fda29b !important; }
#stm-dashboard-root .stm-dt-nama-warna.is-orange,
#stm-dashboard-root .stm-dt-warna-swatch.is-orange { background: #fd853a !important; }
#stm-dashboard-root .stm-dt-nama-warna.is-amber,
#stm-dashboard-root .stm-dt-warna-swatch.is-amber { background: #f79009 !important; }
#stm-dashboard-root .stm-dt-nama-warna.is-yellow,
#stm-dashboard-root .stm-dt-warna-swatch.is-yellow { background: #fdb022 !important; }
#stm-dashboard-root .stm-dt-nama-warna.is-lime,
#stm-dashboard-root .stm-dt-warna-swatch.is-lime { background: #a3e635 !important; }
#stm-dashboard-root .stm-dt-nama-warna.is-green,
#stm-dashboard-root .stm-dt-warna-swatch.is-green { background: #32d583 !important; }
#stm-dashboard-root .stm-dt-nama-warna.is-mint,
#stm-dashboard-root .stm-dt-warna-swatch.is-mint { background: #6ce9a6 !important; }
#stm-dashboard-root .stm-dt-nama-warna.is-teal,
#stm-dashboard-root .stm-dt-warna-swatch.is-teal { background: #2ed3b7 !important; }
#stm-dashboard-root .stm-dt-nama-warna.is-cyan,
#stm-dashboard-root .stm-dt-warna-swatch.is-cyan { background: #22d3ee !important; }
#stm-dashboard-root .stm-dt-nama-warna.is-sky,
#stm-dashboard-root .stm-dt-warna-swatch.is-sky { background: #38bdf8 !important; }
#stm-dashboard-root .stm-dt-nama-warna.is-blue,
#stm-dashboard-root .stm-dt-warna-swatch.is-blue { background: #53b1fd !important; }
#stm-dashboard-root .stm-dt-nama-warna.is-indigo,
#stm-dashboard-root .stm-dt-warna-swatch.is-indigo { background: #8098f9 !important; }
#stm-dashboard-root .stm-dt-nama-warna.is-purple,
#stm-dashboard-root .stm-dt-warna-swatch.is-purple { background: #b692f6 !important; }
#stm-dashboard-root .stm-dt-nama-warna.is-violet,
#stm-dashboard-root .stm-dt-warna-swatch.is-violet { background: #a78bfa !important; }
#stm-dashboard-root .stm-dt-nama-warna.is-pink,
#stm-dashboard-root .stm-dt-warna-swatch.is-pink { background: #faa7e0 !important; }
#stm-dashboard-root .stm-dt-nama-warna.is-fuchsia,
#stm-dashboard-root .stm-dt-warna-swatch.is-fuchsia { background: #e879f9 !important; }
#stm-dashboard-root .stm-dt-nama-warna.is-brown,
#stm-dashboard-root .stm-dt-warna-swatch.is-brown { background: #b54708 !important; }
#stm-dashboard-root .stm-dt-nama-warna.is-gray,
#stm-dashboard-root .stm-dt-warna-swatch.is-gray { background: #98a2b3 !important; }
#stm-dashboard-root .stm-dt-nama-warna.is-slate,
#stm-dashboard-root .stm-dt-warna-swatch.is-slate { background: #667085 !important; }
#stm-dashboard-root .stm-dt-nama-warna.is-black,
#stm-dashboard-root .stm-dt-warna-swatch.is-black { background: #344054 !important; }

/* Colored marker: flag icon uses the color, no filled circle background */
#stm-dashboard-root .stm-dt-nama-warna.is-red,
#stm-dashboard-root .stm-dt-nama-warna.is-rose,
#stm-dashboard-root .stm-dt-nama-warna.is-orange,
#stm-dashboard-root .stm-dt-nama-warna.is-amber,
#stm-dashboard-root .stm-dt-nama-warna.is-yellow,
#stm-dashboard-root .stm-dt-nama-warna.is-lime,
#stm-dashboard-root .stm-dt-nama-warna.is-green,
#stm-dashboard-root .stm-dt-nama-warna.is-mint,
#stm-dashboard-root .stm-dt-nama-warna.is-teal,
#stm-dashboard-root .stm-dt-nama-warna.is-cyan,
#stm-dashboard-root .stm-dt-nama-warna.is-sky,
#stm-dashboard-root .stm-dt-nama-warna.is-blue,
#stm-dashboard-root .stm-dt-nama-warna.is-indigo,
#stm-dashboard-root .stm-dt-nama-warna.is-purple,
#stm-dashboard-root .stm-dt-nama-warna.is-violet,
#stm-dashboard-root .stm-dt-nama-warna.is-pink,
#stm-dashboard-root .stm-dt-nama-warna.is-fuchsia,
#stm-dashboard-root .stm-dt-nama-warna.is-brown,
#stm-dashboard-root .stm-dt-nama-warna.is-gray,
#stm-dashboard-root .stm-dt-nama-warna.is-slate,
#stm-dashboard-root .stm-dt-nama-warna.is-black {
	background: transparent !important;
	border: 0;
}

#stm-dashboard-root .stm-dt-nama-warna.is-red { color: #f97066; }
#stm-dashboard-root .stm-dt-nama-warna.is-rose { color: #fda29b; }
#stm-dashboard-root .stm-dt-nama-warna.is-orange { color: #fd853a; }
#stm-dashboard-root .stm-dt-nama-warna.is-amber { color: #f79009; }
#stm-dashboard-root .stm-dt-nama-warna.is-yellow { color: #fdb022; }
#stm-dashboard-root .stm-dt-nama-warna.is-lime { color: #a3e635; }
#stm-dashboard-root .stm-dt-nama-warna.is-green { color: #32d583; }
#stm-dashboard-root .stm-dt-nama-warna.is-mint { color: #6ce9a6; }
#stm-dashboard-root .stm-dt-nama-warna.is-teal { color: #2ed3b7; }
#stm-dashboard-root .stm-dt-nama-warna.is-cyan { color: #22d3ee; }
#stm-dashboard-root .stm-dt-nama-warna.is-sky { color: #38bdf8; }
#stm-dashboard-root .stm-dt-nama-warna.is-blue { color: #53b1fd; }
#stm-dashboard-root .stm-dt-nama-warna.is-indigo { color: #8098f9; }
#stm-dashboard-root .stm-dt-nama-warna.is-purple { color: #b692f6; }
#stm-dashboard-root .stm-dt-nama-warna.is-violet { color: #a78bfa; }
#stm-dashboard-root .stm-dt-nama-warna.is-pink { color: #faa7e0; }
#stm-dashboard-root .stm-dt-nama-warna.is-fuchsia { color: #e879f9; }
#stm-dashboard-root .stm-dt-nama-warna.is-brown { color: #b54708; }
#stm-dashboard-root .stm-dt-nama-warna.is-gray { color: #98a2b3; }
#stm-dashboard-root .stm-dt-nama-warna.is-slate { color: #667085; }
#stm-dashboard-root .stm-dt-nama-warna.is-black { color: #344054; }

#stm-dashboard-root .stm-dt-label-chip {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	padding: 0.08rem 0.45rem;
	border-radius: 999px;
	font-size: 0.72rem;
	background: #eef2f6;
	color: #344054;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#stm-dashboard-root .stm-dt-label-chip + .stm-dt-label-chip {
	margin-left: 0.2rem;
}

#stm-dashboard-root .stm-dt-url-link {
	color: #175cd3;
	text-decoration: none;
	word-break: break-all;
}

#stm-dashboard-root .stm-dt-url-link:hover {
	text-decoration: underline;
}

#stm-dashboard-root .stm-dt-longtext-cell {
	white-space: pre-wrap;
	word-break: break-word;
	line-height: 1.28;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	/* Clamp mengikuti .stm-dt-row-h--* agar isi maksimal per view. */
}

#stm-dashboard-root td.stm-dt-cell.is-longtext-editing {
	outline: 2px solid #1570ef;
	outline-offset: -2px;
	background: #eff8ff;
}

.stm-dt-longtext-editor {
	position: fixed;
	inset: 0;
	z-index: 1080;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
	background: rgba(16, 24, 40, 0.35);
	backdrop-filter: blur(2px);
}

.stm-dt-longtext-editor__panel {
	display: flex;
	flex-direction: column;
	width: min(44rem, calc(100vw - 2rem));
	max-height: min(78vh, 40rem);
	background: #fff;
	border-radius: 14px;
	border: 1px solid #e4e7ec;
	box-shadow: 0 20px 48px rgba(16, 24, 40, 0.22);
	overflow: hidden;
}

.stm-dt-longtext-editor__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.85rem 1rem 0.55rem;
	border-bottom: 1px solid #f2f4f7;
}

.stm-dt-longtext-editor__title {
	margin: 0;
	font-size: 0.95rem;
	font-weight: 700;
	color: #101828;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.stm-dt-longtext-editor__body {
	flex: 1 1 auto;
	min-height: 0;
	padding: 0.75rem 1rem;
}

.stm-dt-longtext-editor__input {
	display: block;
	width: 100%;
	height: min(52vh, 26rem);
	min-height: 14rem;
	resize: vertical;
	border: 1px solid #d0d5dd;
	border-radius: 10px;
	padding: 0.75rem 0.85rem;
	font-size: 0.9rem;
	line-height: 1.5;
	color: #101828;
	background: #fcfcfd;
	white-space: pre-wrap;
	word-break: break-word;
}

.stm-dt-longtext-editor__input:focus {
	outline: none;
	border-color: #84caff;
	box-shadow: 0 0 0 3px rgba(21, 112, 239, 0.15);
	background: #fff;
}

.stm-dt-longtext-editor__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	flex-wrap: wrap;
	padding: 0.65rem 1rem 0.9rem;
	border-top: 1px solid #f2f4f7;
}

.stm-dt-longtext-editor__hint {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.45rem 0.65rem;
	max-width: 100%;
	padding: 0.28rem 0.55rem;
	font-size: 0.72rem;
	line-height: 1.35;
	color: #344054;
	background: linear-gradient(180deg, #f0f7ff 0%, #e8f1fc 100%);
	border: 1px solid #b2ddff;
	border-radius: 999px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
	animation: stm-dt-longtext-hint-in 420ms ease-out both,
		stm-dt-longtext-hint-pulse 1.6s ease-in-out 420ms 1;
}

.stm-dt-longtext-editor__hint-group {
	display: inline-flex;
	align-items: center;
	gap: 0.28rem;
	white-space: nowrap;
}

.stm-dt-longtext-editor__hint-plus {
	font-size: 0.65rem;
	font-weight: 600;
	color: #667085;
	line-height: 1;
}

.stm-dt-longtext-editor__hint-label {
	margin-left: 0.1rem;
	font-weight: 500;
	color: #475467;
}

.stm-dt-longtext-editor__hint-sep {
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #98a2b3;
	flex-shrink: 0;
}

.stm-dt-longtext-editor__kbd {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.35rem;
	padding: 0.12rem 0.38rem;
	font-family: inherit;
	font-size: 0.65rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.01em;
	color: #175cd3;
	background: #fff;
	border: 1px solid #84caff;
	border-bottom-width: 2px;
	border-radius: 5px;
	box-shadow: 0 1px 0 rgba(16, 24, 40, 0.04);
}

@keyframes stm-dt-longtext-hint-in {
	from {
		opacity: 0;
		transform: translateY(4px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes stm-dt-longtext-hint-pulse {
	0%,
	100% {
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
		border-color: #b2ddff;
	}
	50% {
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 0 0 3px rgba(21, 112, 239, 0.14);
		border-color: #84caff;
	}
}

@media (prefers-reduced-motion: reduce) {
	.stm-dt-longtext-editor__hint {
		animation: none;
	}
}

.stm-dt-longtext-editor__actions {
	display: flex;
	gap: 0.4rem;
	margin-left: auto;
}

#stm-dashboard-root .stm-dt-inline-input--longtext {
	min-height: 2.5rem;
	max-height: 16rem;
	resize: vertical;
	line-height: 1.35;
	white-space: pre-wrap;
	word-break: break-word;
	overflow-wrap: anywhere;
}

#stm-dashboard-root .stm-dt-field-btn {
	padding: 0.1rem 0.45rem;
	font-size: 0.72rem;
}

#stm-dashboard-root .stm-dt-attach-chip {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	margin: 0.05rem 0.2rem 0.05rem 0;
	padding: 0.05rem 0.4rem;
	border-radius: 4px;
	background: #f2f4f7;
	color: #344054;
	font-size: 0.7rem;
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#stm-dashboard-root .stm-dt-attach-add {
	padding: 0.05rem 0.35rem;
	font-size: 0.7rem;
}

#stm-dashboard-root .stm-dt-expand-attach {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	align-items: center;
}

#stm-dashboard-root .stm-dt-group-header td {
	padding: 0 !important;
	background: #eef4ff;
	border-top: 1px solid #c7d7fe !important;
	border-bottom: 1px solid #dbe4ff !important;
	overflow: visible;
}

#stm-dashboard-root .stm-dt-group-header__bar {
	display: flex;
	align-items: stretch;
	min-height: 2.15rem;
	width: max-content;
	min-width: 100%;
	box-sizing: border-box;
	background:
		linear-gradient(90deg,
			#e8effc 0%,
			#eef4ff 48%,
			#f5f8ff 100%);
	box-shadow: inset 0 -1px 0 rgba(29, 78, 216, 0.08);
}

#stm-dashboard-root .stm-dt-group-header__lead-slot {
	position: sticky;
	left: 0;
	z-index: 3;
	display: flex;
	align-items: stretch;
	overflow: visible;
	flex: 0 0 auto;
	background:
		linear-gradient(90deg,
			#e8effc 0%,
			#eef4ff 70%,
			rgba(238, 244, 255, 0) 100%);
}

#stm-dashboard-root .stm-dt-group-header__accent {
	flex: 0 0 4px;
	width: 4px;
	background: #2f6fed;
	border-radius: 0 2px 2px 0;
}

#stm-dashboard-root .stm-dt-group-header__inner {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	width: max-content;
	max-width: min(22rem, calc(100vw - 6rem));
	box-sizing: border-box;
	padding: 0.35rem 1.15rem 0.35rem 0.65rem;
	transform: none !important;
	will-change: auto;
	background: transparent;
}

#stm-dashboard-root .stm-dt-group-header__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.2rem;
	height: 1.2rem;
	color: #2f6fed;
	flex: 0 0 auto;
	opacity: 0.9;
}

#stm-dashboard-root .stm-dt-group-header__icon svg {
	display: block;
}

#stm-dashboard-root .stm-dt-group-header__title {
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.01em;
	color: #1d4ed8;
	line-height: 1.2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 18rem;
}

#stm-dashboard-root .stm-dt-group-header__title.is-empty {
	color: #64748b;
	font-weight: 600;
}

#stm-dashboard-root .stm-dt-group-header__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.35rem;
	height: 1.2rem;
	padding: 0 0.4rem;
	border-radius: 999px;
	background: rgba(47, 111, 237, 0.12);
	color: #1d4ed8;
	font-size: 0.68rem;
	font-weight: 700;
	line-height: 1;
	flex: 0 0 auto;
}

#stm-dashboard-root .stm-dt-group-header__slot {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0 0.55rem;
	box-sizing: border-box;
	font-variant-numeric: tabular-nums;
	font-size: 0.75rem;
	line-height: 1.2;
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--stm-dt-ink, #0f172a);
	z-index: 1;
}

#stm-dashboard-root .stm-dt-group-header__slot--sum {
	font-weight: 700;
	background: #eef4ff;
	gap: 0.22rem;
}

#stm-dashboard-root .stm-dt-group-header__sum-ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 0.95rem;
	height: 0.95rem;
	color: #3b82f6;
	opacity: 0.9;
}

#stm-dashboard-root .stm-dt-group-header__sum-ico svg {
	display: block;
}

#stm-dashboard-root .stm-dt-group-header__sum-val {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

#stm-dashboard-root .stm-dt-group-header__slot--aksi {
	flex: 0 0 auto;
}

#stm-dashboard-root .stm-dt-cell--numeric,
#stm-dashboard-root .stm-dt-cell--numeric .stm-dt-cell-clip {
	text-align: right;
	font-variant-numeric: tabular-nums;
	justify-content: flex-end;
}

#stm-dashboard-root td.stm-dt-cell--numeric .stm-dt-cell-clip.stm-dt-formula-cell:not(.is-error) {
	color: inherit;
	font-style: normal;
}

/* Anak group: strip kiri supaya terlihat nested di bawah parent */
#stm-dashboard-root .stm-dt-row.is-group-child > td:first-child {
	box-shadow: inset 3px 0 0 #93b4f8;
}

#stm-dashboard-root .stm-dt-row.is-group-child--first > td {
	border-top-color: transparent !important;
}

#stm-dashboard-root .stm-dt-row.is-group-child--last > td {
	border-bottom: 1px solid #dbe4ff !important;
}

/* Pemisah pergantian tanggal Dprt Date — garis normal (bukan tebal). */
#stm-dashboard-root #stm-data-table-root .stm-dt-row.is-dprt-day-break > td {
	border-top: 1px solid var(--stm-dt-line, #e5e7eb) !important;
}
#stm-dashboard-root #stm-data-table-root .stm-dt-row.is-group-child--first.is-dprt-day-break > td {
	border-top: 1px solid var(--stm-dt-line, #e5e7eb) !important;
}
#stm-dashboard-root #stm-data-table-root .stm-dt-row.is-payment-planned-row.is-dprt-day-break > td {
	box-shadow: none;
}

#stm-dashboard-root .stm-dt-row.is-grouped .stm-dt-col-drag {
	opacity: 0.35;
	pointer-events: none;
}

#stm-dashboard-root .stm-dt-inline-editor {
	display: block;
	width: 100%;
}

#stm-dashboard-root .stm-dt-inline-input {
	width: 100%;
	border: 0;
	outline: 0;
	background: transparent;
	font: inherit;
	padding: 0;
}

.stm-dt-warna-popover {
	position: fixed;
	z-index: 100060;
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	width: 12.5rem;
	padding: 0.5rem;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.14);
}

.stm-dt-warna-popover .stm-dt-warna-swatch {
	width: 1.05rem;
	height: 1.05rem;
	border-radius: 999px;
	border: 1px solid rgba(15, 23, 42, 0.16);
	padding: 0;
	flex: 0 0 auto;
	cursor: pointer;
	background: #fff;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
}

.stm-dt-warna-popover .stm-dt-warna-swatch.is-none {
	background: #fff;
	background-image: linear-gradient(135deg, transparent 46%, #f04438 48%, #f04438 52%, transparent 54%);
}

.stm-dt-warna-popover .stm-dt-warna-swatch.is-red { background: #f97066; }
.stm-dt-warna-popover .stm-dt-warna-swatch.is-rose { background: #fda29b; }
.stm-dt-warna-popover .stm-dt-warna-swatch.is-orange { background: #fd853a; }
.stm-dt-warna-popover .stm-dt-warna-swatch.is-amber { background: #f79009; }
.stm-dt-warna-popover .stm-dt-warna-swatch.is-yellow { background: #fdb022; }
.stm-dt-warna-popover .stm-dt-warna-swatch.is-lime { background: #a3e635; }
.stm-dt-warna-popover .stm-dt-warna-swatch.is-green { background: #32d583; }
.stm-dt-warna-popover .stm-dt-warna-swatch.is-mint { background: #6ce9a6; }
.stm-dt-warna-popover .stm-dt-warna-swatch.is-teal { background: #2ed3b7; }
.stm-dt-warna-popover .stm-dt-warna-swatch.is-cyan { background: #22d3ee; }
.stm-dt-warna-popover .stm-dt-warna-swatch.is-sky { background: #38bdf8; }
.stm-dt-warna-popover .stm-dt-warna-swatch.is-blue { background: #53b1fd; }
.stm-dt-warna-popover .stm-dt-warna-swatch.is-indigo { background: #8098f9; }
.stm-dt-warna-popover .stm-dt-warna-swatch.is-purple { background: #b692f6; }
.stm-dt-warna-popover .stm-dt-warna-swatch.is-violet { background: #a78bfa; }
.stm-dt-warna-popover .stm-dt-warna-swatch.is-pink { background: #faa7e0; }
.stm-dt-warna-popover .stm-dt-warna-swatch.is-fuchsia { background: #e879f9; }
.stm-dt-warna-popover .stm-dt-warna-swatch.is-brown { background: #b54708; }
.stm-dt-warna-popover .stm-dt-warna-swatch.is-gray { background: #98a2b3; }
.stm-dt-warna-popover .stm-dt-warna-swatch.is-slate { background: #667085; }
.stm-dt-warna-popover .stm-dt-warna-swatch.is-black { background: #344054; }

.stm-dt-warna-popover .stm-dt-warna-swatch.is-active {
	outline: 2px solid #111827;
	outline-offset: 1px;
}

.stm-dt-warna-popover .stm-dt-warna-swatch:hover {
	transform: scale(1.08);
}

.stm-dt-color-menu {
	position: fixed;
	z-index: 100100;
	min-width: 16.5rem;
	max-width: min(20rem, calc(100vw - 1rem));
	max-height: min(72vh, 34rem);
	overflow: auto;
	padding: 0.55rem 0.6rem 0.65rem;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14);
}

.stm-dt-color-menu__guest-status {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	max-height: 11rem;
	overflow: auto;
	padding: 0.1rem 0.05rem 0.15rem;
}

.stm-dt-color-menu__guest-status--tones {
	max-height: none;
	overflow: visible;
	padding-top: 0;
	padding-bottom: 0.2rem;
}

.stm-dt-color-menu__guest-status-item--tone {
	font-weight: 550;
}

.stm-dt-color-menu__guest-custom {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	margin-top: 0.2rem;
	padding: 0.15rem 0.05rem 0.05rem;
}

.stm-dt-color-menu__guest-custom-input {
	flex: 1 1 auto;
	min-width: 0;
	font-size: 0.78rem;
	border-radius: 8px;
}

.stm-dt-color-menu__guest-custom-btn {
	appearance: none;
	flex: 0 0 auto;
	border: 1px solid #d0d5dd;
	border-radius: 8px;
	background: #fff;
	color: #344054;
	font-size: 0.72rem;
	font-weight: 650;
	padding: 0.28rem 0.55rem;
	cursor: pointer;
	line-height: 1.2;
}

.stm-dt-color-menu__guest-custom-btn:hover:not(:disabled) {
	background: #f2f4f7;
	border-color: #98a2b3;
	color: #101828;
}

.stm-dt-color-menu__guest-custom-btn:disabled,
.stm-dt-color-menu__guest-custom-input:disabled {
	opacity: 0.55;
	cursor: default;
}

.stm-dt-color-menu__guest-search {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	margin-top: 0.1rem;
}

.stm-dt-color-menu__guest-row {
	display: flex;
	align-items: flex-start;
	gap: 0.35rem;
}

.stm-dt-color-menu__guest-selected {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.28rem;
	flex: 1 1 auto;
	min-width: 0;
}

.stm-dt-color-menu__guest-selected-empty {
	font-size: 0.72rem;
	color: #98a2b3;
	line-height: 1.4;
	padding: 0.15rem 0;
}

.stm-dt-color-menu__guest-add {
	appearance: none;
	flex: 0 0 auto;
	width: 1.55rem;
	height: 1.55rem;
	margin: 0;
	padding: 0;
	border: 1px solid #d0d5dd;
	border-radius: 999px;
	background: #fff;
	color: #344054;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.stm-dt-color-menu__guest-add:hover:not(:disabled),
.stm-dt-color-menu__guest-add.is-active {
	background: #f2f4f7;
	border-color: #98a2b3;
	color: #101828;
}

.stm-dt-color-menu__guest-add:disabled {
	opacity: 0.45;
	cursor: default;
}

.stm-dt-guest-status-pick-modal {
	z-index: 100095;
}

.stm-dt-coll-edit-modal__card.stm-dt-guest-status-pick-modal__card {
	width: min(36rem, 100%);
	max-height: min(88vh, 40rem);
	display: flex;
	flex-direction: column;
	border-radius: 14px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 18px 44px rgba(15, 23, 42, 0.18);
}

.stm-dt-guest-status-pick-modal__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.5rem;
	padding: 0.85rem 1rem 0.7rem;
	border-bottom: 1px solid #eef2f6;
	flex: 0 0 auto;
}

.stm-dt-guest-status-pick-modal__head-text {
	min-width: 0;
}

.stm-dt-guest-status-pick-modal__title {
	margin: 0;
	font-size: 1rem;
	font-weight: 700;
	color: #101828;
}

.stm-dt-guest-status-pick-modal__sub {
	margin: 0.15rem 0 0;
	font-size: 0.75rem;
	color: #667085;
	font-weight: 550;
}

.stm-dt-guest-status-pick-modal__x {
	appearance: none;
	border: 0;
	background: transparent;
	color: #98a2b3;
	font-size: 1.35rem;
	line-height: 1;
	cursor: pointer;
	padding: 0.1rem 0.35rem;
	border-radius: 6px;
}

.stm-dt-guest-status-pick-modal__x:hover {
	background: #f2f4f7;
	color: #101828;
}

.stm-dt-guest-status-pick-modal__toolbar {
	padding: 0.65rem 1rem 0.35rem;
	flex: 0 0 auto;
}

.stm-dt-guest-status-pick-modal__search {
	font-size: 0.88rem;
	border-radius: 10px;
	min-height: 2.4rem;
}

.stm-dt-guest-status-pick-modal__selected {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	padding: 0.35rem 1rem 0.55rem;
	flex: 0 0 auto;
	min-height: 2rem;
	border-bottom: 1px solid #f2f4f7;
}

.stm-dt-guest-status-pick-modal__selected-empty {
	font-size: 0.75rem;
	color: #98a2b3;
	padding: 0.2rem 0;
}

.stm-dt-guest-status-pick-modal__chip {
	appearance: none;
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	margin: 0;
	padding: 0.22rem 0.55rem;
	border: 1px solid #e4e7ec;
	border-radius: 999px;
	background: #f8fafc;
	color: #344054;
	font-size: 0.75rem;
	line-height: 1.3;
	cursor: pointer;
}

.stm-dt-guest-status-pick-modal__chip:hover:not(:disabled) {
	background: #fef3f2;
	border-color: #fecdca;
	color: #b42318;
}

.stm-dt-guest-status-pick-modal__body {
	flex: 1 1 auto;
	min-height: 12rem;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding: 0.55rem 0.75rem 0.75rem;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(11.5rem, 1fr));
	gap: 0.4rem;
	align-content: start;
	background: #fafbfc;
}

.stm-dt-guest-status-pick-modal__empty {
	grid-column: 1 / -1;
	padding: 1.25rem 0.5rem;
	text-align: center;
	font-size: 0.84rem;
	color: #667085;
}

.stm-dt-guest-status-pick-modal__item {
	display: flex;
	align-items: flex-start;
	gap: 0.55rem;
	margin: 0;
	padding: 0.65rem 0.7rem;
	border: 1px solid #e4e7ec;
	border-radius: 10px;
	background: #fff;
	cursor: pointer;
	min-height: 2.75rem;
	transition: border-color 0.12s ease, background 0.12s ease, box-shadow 0.12s ease;
}

.stm-dt-guest-status-pick-modal__item:hover:not(.is-disabled) {
	border-color: #98a2b3;
	box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06);
}

.stm-dt-guest-status-pick-modal__item.is-on {
	border-color: #84caff;
	background: #f0f9ff;
}

.stm-dt-guest-status-pick-modal__item.is-partial {
	border-color: #fdb022;
	background: #fffaeb;
}

.stm-dt-guest-status-pick-modal__item.is-disabled,
.stm-dt-guest-status-pick-modal__item.is-busy {
	opacity: 0.65;
	pointer-events: none;
}

.stm-dt-guest-status-pick-modal__check {
	flex: 0 0 auto;
	margin-top: 0.12rem;
}

.stm-dt-guest-status-pick-modal__label {
	flex: 1 1 auto;
	min-width: 0;
	font-size: 0.84rem;
	font-weight: 600;
	line-height: 1.35;
	color: #101828;
	word-break: break-word;
}

.stm-dt-guest-status-pick-modal__foot {
	display: flex;
	justify-content: flex-end;
	gap: 0.4rem;
	padding: 0.65rem 1rem;
	padding-bottom: max(0.65rem, env(safe-area-inset-bottom, 0px));
	border-top: 1px solid #eef2f6;
	background: #fff;
	flex: 0 0 auto;
}

@media (max-width: 768px) {
	.stm-dt-guest-status-pick-modal.stm-dt-coll-edit-modal {
		padding: 0;
		align-items: stretch;
		justify-content: stretch;
	}

	.stm-dt-guest-status-pick-modal .stm-dt-coll-edit-modal__backdrop {
		display: none;
	}

	.stm-dt-coll-edit-modal__card.stm-dt-guest-status-pick-modal__card {
		width: 100%;
		max-width: none;
		height: 100%;
		max-height: none;
		min-height: 100dvh;
		border-radius: 0;
		box-shadow: none;
	}

	.stm-dt-guest-status-pick-modal__head {
		padding-top: max(0.85rem, env(safe-area-inset-top, 0px));
	}

	.stm-dt-guest-status-pick-modal__body {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	.stm-dt-guest-status-pick-modal__item {
		min-height: 3rem;
		padding: 0.8rem 0.85rem;
	}
}

.stm-dt-color-menu__guest-panel {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
}

.stm-dt-color-menu__guest-search-input {
	width: 100%;
	font-size: 0.8rem;
	border-radius: 8px;
	border-color: #d0d5dd;
	box-shadow: none;
}

.stm-dt-color-menu__guest-search-input:focus {
	border-color: #98a2b3;
	box-shadow: 0 0 0 3px rgba(152, 162, 179, 0.18);
}

.stm-dt-color-menu__guest-search.is-open .stm-dt-color-menu__guest-search-input {
	border-color: #667085;
}

.stm-dt-color-menu__guest-chip {
	appearance: none;
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	margin: 0;
	padding: 0.12rem 0.42rem;
	border: 1px solid #e4e7ec;
	border-radius: 999px;
	background: #f8fafc;
	color: #344054;
	font-size: 0.7rem;
	line-height: 1.3;
	cursor: pointer;
	text-align: left;
}

.stm-dt-color-menu__guest-chip:hover:not(:disabled) {
	background: #fef3f2;
	border-color: #fecdca;
	color: #b42318;
}

.stm-dt-color-menu__guest-chip:disabled {
	opacity: 0.55;
	cursor: default;
}

.stm-dt-color-menu__guest-status--dropdown {
	max-height: 10.5rem;
	margin-top: 0.05rem;
	padding: 0.25rem;
	border: 1px solid #e4e7ec;
	border-radius: 8px;
	background: #fff;
}

.stm-dt-color-menu__guest-empty {
	padding: 0.45rem 0.5rem;
	font-size: 0.75rem;
	color: #667085;
}

.stm-dt-color-menu__guest-status-item {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	margin: 0;
	padding: 0.28rem 0.4rem;
	border-radius: 7px;
	cursor: pointer;
	font-size: 0.8rem;
	color: #111827;
	user-select: none;
}

.stm-dt-color-menu__guest-status-item:hover:not(.is-disabled) {
	background: #f3f4f6;
}

.stm-dt-color-menu__guest-status-item.is-disabled {
	opacity: 0.45;
	cursor: default;
}

.stm-dt-color-menu__guest-status-check {
	margin: 0;
	flex-shrink: 0;
}

.stm-dt-color-menu__guest-status-label {
	min-width: 0;
	line-height: 1.25;
	word-break: break-word;
}

.stm-dt-color-menu__action {
	appearance: none;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0.42rem 0.55rem;
	border: 0;
	border-radius: 7px;
	background: transparent;
	color: #111827;
	font-size: 0.8125rem;
	font-weight: 550;
	text-align: left;
	cursor: pointer;
}

.stm-dt-color-menu__action:hover:not(.is-disabled),
.stm-dt-color-menu__action:focus-visible:not(.is-disabled) {
	background: #f3f4f6;
	outline: none;
}

.stm-dt-color-menu__action.is-disabled {
	opacity: 0.45;
	cursor: default;
}

#stm-dashboard-root .stm-dt-cell-clip--coll-paid {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 0.2rem;
	min-width: 0;
}

#stm-dashboard-root .stm-dt-coll-paid-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.08rem 0.38rem;
	border-radius: 4px;
	background: #16a34a;
	color: #fff;
	font-size: 0.62rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.2;
	text-transform: uppercase;
	flex: 0 0 auto;
	box-shadow: 0 1px 0 rgba(15, 23, 42, 0.08);
}

#stm-dashboard-root .stm-dt-coll-paid-badge.is-pending {
	background: #d97706;
	color: #fff;
}

#stm-dashboard-root .stm-dt-agent-verify-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.08rem 0.36rem;
	border-radius: 4px;
	font-size: 0.6rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	line-height: 1.2;
	flex: 0 0 auto;
	white-space: nowrap;
	cursor: pointer;
}

#stm-dashboard-root .stm-dt-agent-verify-badge.is-draft {
	background: #fef3c7;
	color: #92400e;
	border: 1px solid #f59e0b;
}

#stm-dashboard-root .stm-dt-agent-verify-badge.is-verified {
	background: #dcfce7;
	color: #166534;
	border: 1px solid #86efac;
}

#stm-dashboard-root td.stm-dt-cell.stm-dt-cell--agent-draft {
	box-shadow: inset 0 0 0 1px rgba(245, 158, 11, 0.35);
}

#stm-dashboard-root .stm-dt-cell-clip--agent-verify {
	gap: 0.28rem;
	flex-wrap: wrap;
	align-items: flex-start;
}

/* Choice/multiselect: badge Draft di atas chip, jangan tertimpa gap:0 stack. */
#stm-dashboard-root td.stm-dt-cell:has(.stm-dt-choice-stack) .stm-dt-cell-clip--agent-verify,
#stm-dashboard-root td.stm-dt-cell:has(.stm-dt-choice-chip) .stm-dt-cell-clip--agent-verify {
	flex-direction: column;
	align-items: flex-start;
	gap: 0.22rem;
}

.stm-dt-color-menu__coll-status {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	padding: 0.2rem 0.35rem 0.35rem;
}

.stm-dt-color-menu__coll-status .stm-dt-color-menu__label {
	font-size: 0.72rem;
	font-weight: 600;
	color: #475467;
}

.stm-dt-color-menu__coll-edit-btn {
	width: 100%;
}

.stm-dt-coll-edit-modal {
	position: fixed;
	inset: 0;
	z-index: 100080;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
}

.stm-dt-coll-edit-modal.d-none {
	display: none !important;
}

.stm-dt-coll-edit-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(15, 23, 42, 0.45);
}

.stm-dt-coll-edit-modal__card {
	position: relative;
	z-index: 1;
	width: min(22rem, 100%);
	background: #fff;
	border-radius: 14px;
	box-shadow: 0 18px 48px rgba(15, 23, 42, 0.22);
	overflow: hidden;
}

.stm-dt-coll-edit-modal__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.9rem 1rem 0.55rem;
}

.stm-dt-coll-edit-modal__title {
	margin: 0;
	font-size: 1rem;
	font-weight: 700;
	color: #101828;
}

.stm-dt-coll-edit-modal__close {
	appearance: none;
	border: 0;
	background: transparent;
	color: #667085;
	font-size: 1.4rem;
	line-height: 1;
	cursor: pointer;
	padding: 0.1rem 0.35rem;
	border-radius: 6px;
}

.stm-dt-coll-edit-modal__close:hover {
	background: #f2f4f7;
	color: #101828;
}

.stm-dt-coll-edit-modal__body {
	padding: 0.35rem 1rem 0.75rem;
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
}

.stm-dt-coll-edit-modal__label {
	font-size: 0.72rem;
	font-weight: 650;
	color: #475467;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.stm-dt-coll-edit-modal__amount {
	font-size: 1.05rem;
	font-weight: 650;
	font-variant-numeric: tabular-nums;
}

.stm-dt-coll-edit-modal__status {
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
}

.stm-dt-coll-edit-modal__status.d-none {
	display: none;
}

.stm-dt-coll-edit-modal__tones {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.45rem;
}

.stm-dt-coll-edit-modal__tone {
	appearance: none;
	border: 1px solid #d0d5dd;
	border-radius: 10px;
	background: #fff;
	color: #344054;
	font-size: 0.875rem;
	font-weight: 700;
	padding: 0.65rem 0.5rem;
	cursor: pointer;
	transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}

.stm-dt-coll-edit-modal__tone.is-pending.is-active {
	background: #d97706;
	border-color: #d97706;
	color: #fff;
}

.stm-dt-coll-edit-modal__tone.is-paid.is-active {
	background: #16a34a;
	border-color: #16a34a;
	color: #fff;
}

.stm-dt-coll-edit-modal__tone:not(.is-active):hover {
	background: #f8fafc;
}

.stm-dt-coll-edit-modal__hint {
	margin: 0;
	min-height: 1.1rem;
	font-size: 0.72rem;
	color: #667085;
}

.stm-dt-coll-edit-modal__foot {
	display: flex;
	justify-content: flex-end;
	gap: 0.45rem;
	padding: 0.65rem 1rem 1rem;
	border-top: 1px solid #f2f4f7;
}

/* WhatsApp chat compose modal */
.stm-dt-wa-chat-modal__card {
	width: min(28rem, 100%);
}

.stm-dt-wa-chat-modal__head-text {
	min-width: 0;
	flex: 1 1 auto;
}

.stm-dt-wa-chat-modal__phone {
	margin: 0.15rem 0 0;
	font-size: 0.78rem;
	font-weight: 600;
	color: #027a48;
	font-variant-numeric: tabular-nums;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.stm-dt-wa-chat-modal__options {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	margin: 0 0 0.85rem;
}

.stm-dt-wa-chat-modal__opt {
	appearance: none;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.1rem;
	width: 100%;
	text-align: left;
	padding: 0.65rem 0.75rem;
	border: 1px solid #e4e7ec;
	border-radius: 10px;
	background: #fff;
	color: #344054;
	cursor: pointer;
	transition: border-color 0.12s ease, background 0.12s ease, box-shadow 0.12s ease;
}

.stm-dt-wa-chat-modal__opt:hover {
	border-color: #a6f4c5;
	background: #f6fef9;
}

.stm-dt-wa-chat-modal__opt.is-active {
	border-color: #12b76a;
	background: #ecfdf3;
	box-shadow: inset 0 0 0 1px #12b76a;
}

.stm-dt-wa-chat-modal__opt-title {
	font-size: 0.86rem;
	font-weight: 700;
	color: #101828;
}

.stm-dt-wa-chat-modal__opt-desc {
	font-size: 0.72rem;
	line-height: 1.35;
	color: #667085;
}

.stm-dt-wa-chat-modal__message {
	font-size: 0.84rem;
	line-height: 1.45;
	min-height: 11rem;
	resize: vertical;
}

.stm-dt-wa-chat-modal__hint {
	margin: 0.45rem 0 0;
	font-size: 0.72rem;
	line-height: 1.4;
	color: #98a2b3;
}

.stm-dt-wa-chat-modal__msg-label-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	margin-bottom: 0.35rem;
}

.stm-dt-wa-chat-modal__msg-label-row .stm-dt-coll-edit-modal__label {
	margin: 0;
}

.stm-dt-wa-chat-modal__ai {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.55rem;
	height: 1.55rem;
	padding: 0;
	border-radius: 7px;
	border: 1px solid #bae6fd;
	background: #f0f9ff;
	color: #0369a1;
	cursor: pointer;
}

.stm-dt-wa-chat-modal__ai:hover,
.stm-dt-wa-chat-modal__ai:focus-visible {
	background: #e0f2fe;
	border-color: #7dd3fc;
	outline: none;
}

.stm-dt-wa-refine-modal {
	z-index: 100095;
}

.stm-dt-wa-refine-modal__card {
	width: min(28rem, 100%);
}

.stm-dt-wa-refine-modal__quick {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	margin: 0 0 0.55rem;
}

.stm-dt-wa-refine-modal__chip {
	appearance: none;
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	padding: 0.28rem 0.55rem;
	border: 1px solid #e4e7ec;
	border-radius: 999px;
	background: #fff;
	color: #344054;
	font-size: 0.72rem;
	font-weight: 600;
	line-height: 1.25;
	cursor: pointer;
	text-align: left;
}

.stm-dt-wa-refine-modal__chip:hover {
	border-color: #7dd3fc;
	background: #f0f9ff;
	color: #0369a1;
}

.stm-dt-wa-refine-modal__chip.is-active {
	border-color: #12b76a;
	background: #ecfdf3;
	color: #027a48;
}

.stm-dt-wa-refine-modal__instruction,
.stm-dt-wa-refine-modal__preview-text {
	font-size: 0.84rem;
	line-height: 1.45;
	resize: vertical;
}

.stm-dt-wa-refine-modal__instruction {
	min-height: 5.5rem;
}

.stm-dt-wa-refine-modal__preview-text {
	min-height: 11rem;
}

.stm-dt-wa-refine-modal__hint {
	margin: 0.45rem 0 0;
	font-size: 0.72rem;
	line-height: 1.4;
	color: #98a2b3;
}

.stm-dt-wa-refine-modal__status {
	margin: 0.65rem 0 0;
	font-size: 0.78rem;
	line-height: 1.4;
	color: #0369a1;
}

.stm-dt-wa-refine-modal__status.is-error {
	color: #b42318;
}

#stm-dt-wa-refine-run.is-busy {
	opacity: 0.72;
	pointer-events: none;
}

/* section */
.stm-dt-voucher-modal {
	z-index: 100090;
}

.stm-dt-voucher-shot-sheet {
	position: fixed;
	inset: 0;
	z-index: 100120;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding: 0;
}

.stm-dt-voucher-shot-sheet.d-none {
	display: none !important;
}

.stm-dt-voucher-shot-sheet__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(15, 23, 42, 0.45);
}

.stm-dt-voucher-shot-sheet__card {
	position: relative;
	z-index: 1;
	width: min(26rem, 100%);
	max-height: min(78vh, 28rem);
	margin: 0;
	padding: 0.55rem 0.85rem max(0.85rem, env(safe-area-inset-bottom, 0px));
	border-radius: 18px 18px 0 0;
	background: #fff;
	box-shadow: 0 -10px 36px rgba(15, 23, 42, 0.18);
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
	animation: stm-dt-voucher-sheet-up 0.22s ease-out;
}

@keyframes stm-dt-voucher-sheet-up {
	from { transform: translateY(110%); opacity: 0.6; }
	to { transform: translateY(0); opacity: 1; }
}

.stm-dt-voucher-shot-sheet__handle {
	width: 2.4rem;
	height: 0.28rem;
	margin: 0.15rem auto 0.1rem;
	border-radius: 999px;
	background: #d0d5dd;
}

.stm-dt-voucher-shot-sheet__head {
	padding: 0.1rem 0.15rem 0.15rem;
}

.stm-dt-voucher-shot-sheet__title {
	margin: 0;
	font-size: 1rem;
	font-weight: 700;
	color: #101828;
}

.stm-dt-voucher-shot-sheet__sub {
	margin: 0.2rem 0 0;
	font-size: 0.78rem;
	color: #667085;
	line-height: 1.35;
}

.stm-dt-voucher-shot-sheet__actions {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}

.stm-dt-voucher-shot-sheet__btn {
	appearance: none;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.12rem;
	width: 100%;
	margin: 0;
	padding: 0.85rem 0.9rem;
	border: 1px solid #e4e7ec;
	border-radius: 12px;
	background: #fff;
	color: #101828;
	text-align: left;
	cursor: pointer;
}

.stm-dt-voucher-shot-sheet__btn:hover:not(:disabled),
.stm-dt-voucher-shot-sheet__btn:active:not(:disabled) {
	background: #f8fafc;
	border-color: #d0d5dd;
}

.stm-dt-voucher-shot-sheet__btn.is-primary {
	background: #ecfdf3;
	border-color: #abefc6;
}

.stm-dt-voucher-shot-sheet__btn.is-primary:hover:not(:disabled),
.stm-dt-voucher-shot-sheet__btn.is-primary:active:not(:disabled) {
	background: #d1fadf;
}

.stm-dt-voucher-shot-sheet__btn.is-ghost {
	background: transparent;
	border-color: transparent;
	align-items: center;
}

.stm-dt-voucher-shot-sheet__btn.is-disabled,
.stm-dt-voucher-shot-sheet__btn:disabled {
	opacity: 0.55;
	cursor: not-allowed;
}

.stm-dt-voucher-shot-sheet__btn.is-ready:not(:disabled) {
	opacity: 1;
	box-shadow: 0 0 0 1px rgba(18, 183, 106, 0.25);
}

.stm-dt-voucher-shot-sheet.is-busy .stm-dt-voucher-shot-sheet__btn {
	pointer-events: none;
}

.stm-dt-voucher-shot-sheet__btn-title {
	font-size: 0.9rem;
	font-weight: 700;
	line-height: 1.25;
}

.stm-dt-voucher-shot-sheet__btn-desc {
	font-size: 0.74rem;
	color: #667085;
	line-height: 1.35;
	font-weight: 500;
}

.stm-dt-voucher-shot-sheet__btn.is-ghost .stm-dt-voucher-shot-sheet__btn-title {
	font-weight: 650;
	color: #667085;
	font-size: 0.84rem;
}

@media (min-width: 769px) {
	.stm-dt-voucher-shot-sheet {
		align-items: center;
		padding: 1rem;
	}

	.stm-dt-voucher-shot-sheet__card {
		border-radius: 16px;
		padding: 0.85rem 1rem 1rem;
		animation: none;
	}

	.stm-dt-voucher-shot-sheet__handle {
		display: none;
	}
}

.stm-dt-voucher-modal__card {
	position: relative;
	width: min(34rem, 100%);
	max-height: min(90vh, 48rem);
	display: flex;
	flex-direction: column;
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 16px 40px rgba(15, 23, 42, 0.18);
}

.stm-dt-voucher-modal.is-sized {
	align-items: stretch;
	justify-content: stretch;
	padding: 0;
}

.stm-dt-voucher-modal.is-sized .stm-dt-coll-edit-modal__backdrop {
	display: block;
}

.stm-dt-voucher-modal.is-fullscreen {
	padding: 0;
	align-items: stretch;
	justify-content: stretch;
}

.stm-dt-voucher-modal.is-fullscreen .stm-dt-coll-edit-modal__backdrop {
	display: none;
}

.stm-dt-voucher-modal.is-fullscreen .stm-dt-voucher-modal__card,
.stm-dt-voucher-modal.is-fullscreen #stm-dt-voucher-card {
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	left: 0 !important;
	top: 0 !important;
	margin: 0 !important;
	border-radius: 0;
	box-shadow: none;
	position: relative !important;
}

.stm-dt-voucher-modal.is-fullscreen .stm-dt-voucher-modal__resize {
	display: none;
}

.stm-dt-voucher-modal__top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.5rem;
	padding: 0.65rem 0.75rem 0.55rem;
	border-bottom: 1px solid #eef2f6;
	flex: 0 0 auto;
	cursor: grab;
	user-select: none;
	touch-action: none;
}

.stm-dt-voucher-modal__top:active {
	cursor: grabbing;
}

.stm-dt-voucher-modal__top-text {
	min-width: 0;
	flex: 1 1 auto;
}

.stm-dt-voucher-modal__top-actions {
	display: inline-flex;
	align-items: center;
	gap: 0.15rem;
	flex: 0 0 auto;
}

.stm-dt-voucher-modal__title {
	margin: 0;
	font-size: 0.92rem;
	font-weight: 700;
	color: #101828;
	letter-spacing: -0.01em;
}

.stm-dt-voucher-modal__sub {
	margin: 0.1rem 0 0;
	font-size: 0.7rem;
	color: #667085;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.stm-dt-voucher-modal__brand-bar {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.45rem 0.75rem;
	border-bottom: 1px solid #eef2f6;
	background: #f8fafc;
	flex: 0 0 auto;
}

.stm-dt-voucher-modal__brand-wrap {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	min-width: 0;
	max-width: 100%;
	flex: 1 1 auto;
}

.stm-dt-voucher-modal__brand-wrap--bar {
	width: 100%;
}

.stm-dt-voucher-modal__brand-label {
	flex: 0 0 auto;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #667085;
}

.stm-dt-voucher-modal__brand-select {
	appearance: none;
	-webkit-appearance: none;
	flex: 1 1 auto;
	min-width: 12rem;
	max-width: 22rem;
	height: 2rem;
	padding: 0 1.75rem 0 0.65rem;
	border: 1px solid #d0d5dd;
	border-radius: 8px;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23344054' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.55rem center;
	background-size: 0.75rem;
	color: #101828;
	font-size: 0.78rem;
	font-weight: 650;
	line-height: 1.2;
	cursor: pointer;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

.stm-dt-voucher-modal__brand-select:hover,
.stm-dt-voucher-modal__brand-select:focus {
	border-color: #98a2b3;
	outline: none;
}

.stm-dt-voucher-modal.is-preview .stm-dt-voucher-modal__brand-bar {
	display: none;
}

.stm-dt-voucher-modal__x,
.stm-dt-voucher-modal__fs {
	appearance: none;
	border: 0;
	background: transparent;
	color: #98a2b3;
	font-size: 1.25rem;
	line-height: 1;
	cursor: pointer;
	padding: 0.2rem 0.35rem;
	border-radius: 6px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.7rem;
	min-height: 1.7rem;
}

.stm-dt-voucher-modal__fs {
	font-size: 0;
}

.stm-dt-voucher-modal__x:hover,
.stm-dt-voucher-modal__fs:hover,
.stm-dt-voucher-modal__fs[aria-pressed="true"] {
	background: #f2f4f7;
	color: #101828;
}

.stm-dt-voucher-modal__resize {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 1.15rem;
	height: 1.15rem;
	cursor: nwse-resize;
	z-index: 6;
	opacity: 0.5;
	touch-action: none;
	background:
		linear-gradient(135deg, transparent 0 44%, #98a2b3 44% 48%, transparent 48% 58%, #98a2b3 58% 62%, transparent 62% 100%);
}

.stm-dt-voucher-modal__resize:hover {
	opacity: 0.95;
}

body.is-voucher-modal-dragging,
body.is-voucher-modal-resizing {
	user-select: none !important;
}

body.is-voucher-modal-dragging {
	cursor: grabbing !important;
}

body.is-voucher-modal-resizing {
	cursor: nwse-resize !important;
}

.stm-dt-voucher-modal__body {
	flex: 1 1 auto;
	min-height: 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	background: #fff;
	padding: 1.1rem 1.25rem 1.25rem !important;
}

.stm-dt-voucher-modal__bar {
	display: flex;
	align-items: center;
	gap: 0.3rem;
	padding: 0.45rem 0.55rem;
	padding-bottom: max(0.45rem, env(safe-area-inset-bottom, 0px));
	border-top: 1px solid #eef2f6;
	background: #fff;
	flex: 0 0 auto;
}

.stm-dt-voucher-modal__btn {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex: 1 1 0;
	min-height: 2rem;
	padding: 0.35rem 0.45rem;
	border: 1px solid #e4e7ec;
	border-radius: 8px;
	background: #fff;
	color: #344054;
	font-size: 0.72rem;
	font-weight: 650;
	line-height: 1.2;
	cursor: pointer;
	white-space: nowrap;
}

.stm-dt-voucher-modal__btn:hover {
	background: #f8fafc;
	border-color: #d0d5dd;
}

.stm-dt-voucher-modal__btn.is-primary {
	background: #2c5f6b;
	border-color: #2c5f6b;
	color: #fff;
}

.stm-dt-voucher-modal__btn.is-primary:hover {
	background: #244f59;
	border-color: #244f59;
	color: #fff;
}

.stm-dt-voucher-modal__btn.is-active {
	background: #ecfdf3;
	border-color: #12b76a;
	color: #027a48;
}

.stm-dt-voucher-modal__btn.is-busy,
.stm-dt-voucher-modal__btn:disabled {
	opacity: 0.65;
	cursor: wait;
	pointer-events: none;
}

/* Mode edit: hanya Preview + Close. Screenshot/Email setelah Preview. */
.stm-dt-voucher-modal:not(.is-preview) .stm-dt-voucher-modal__btn--preview-only {
	display: none !important;
}

.stm-dt-voucher-modal.is-preview .stm-dt-voucher-modal__btn--preview-only {
	display: inline-flex;
}

.stm-dt-voucher-modal.is-preview .stm-dt-voucher__detail-edit,
.stm-dt-voucher-modal.is-preview .stm-dt-voucher__detail-hint,
.stm-dt-voucher-modal.is-preview .stm-dt-voucher__detail-head,
.stm-dt-voucher-modal.is-preview .stm-dt-voucher__terms-edit {
	display: none !important;
}

.stm-dt-voucher-modal.is-preview .stm-dt-voucher__detail-print {
	display: block !important;
}

.stm-dt-voucher-modal.is-preview .stm-dt-voucher__terms-print {
	display: block !important;
}

/* section */
.stm-dt-voucher {
	--stm-voucher-ink: #15262f;
	--stm-voucher-muted: #6a7d88;
	--stm-voucher-line: #e4ecef;
	--stm-voucher-line-soft: #eef3f5;
	--stm-voucher-accent: #3d7380;
	--stm-voucher-accent-deep: #2c5f6b;
	--stm-voucher-accent-soft: #eef5f7;
	--stm-voucher-paper: #ffffff;
	--stm-voucher-wash: #f7fafb;
	position: relative;
	max-width: 100%;
	padding: 0.45rem 0.2rem 0.65rem;
	border-radius: 0;
	background: var(--stm-voucher-paper);
	border: 0;
	box-shadow: none;
	color: var(--stm-voucher-ink);
	font-size: 0.78rem;
	line-height: 1.45;
}

.stm-dt-voucher__top {
	padding: 0 0 0.7rem;
	border-bottom: 1px solid var(--stm-voucher-line);
	position: relative;
}

.stm-dt-voucher__top::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 2.75rem;
	height: 2px;
	background: var(--stm-voucher-accent-deep);
	opacity: 0.85;
}

.stm-dt-voucher__brand-block {
	display: flex;
	align-items: center;
	gap: 0.65rem;
}

.stm-dt-voucher__mark {
	flex: 0 0 auto;
	width: 2.05rem;
	height: 2.05rem;
	border-radius: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(160deg, #f4fafb 0%, #e7f1f4 100%);
	border: 1px solid #d5e4e8;
	color: var(--stm-voucher-accent-deep);
}

.stm-dt-voucher__mark .stm-dt-voucher__ico {
	width: 1rem;
	height: 1rem;
}

.stm-dt-voucher__brand-copy {
	min-width: 0;
	flex: 1 1 auto;
}

.stm-dt-voucher__brand {
	margin: 0;
	font-size: 1.08rem;
	font-weight: 700;
	line-height: 1.15;
	color: var(--stm-voucher-accent-deep);
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.stm-dt-voucher__doc-title {
	margin: 0.22rem 0 0;
	font-size: 0.66rem;
	font-weight: 650;
	color: var(--stm-voucher-muted);
	text-transform: uppercase;
	letter-spacing: 0.1em;
	display: flex;
	align-items: center;
	gap: 0.32rem;
}

.stm-dt-voucher__ico {
	width: 0.82rem;
	height: 0.82rem;
	flex: 0 0 auto;
	display: inline-block;
	vertical-align: -0.1em;
}

.stm-dt-voucher__ico-disc {
	flex: 0 0 auto;
	width: 1.35rem;
	height: 1.35rem;
	border-radius: 7px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--stm-voucher-accent-soft);
	border: 1px solid #dce8ec;
}

.stm-dt-voucher__ico-disc .stm-dt-voucher__ico {
	width: 0.78rem;
	height: 0.78rem;
}

.stm-dt-voucher__meta {
	margin: 0;
	padding: 0.7rem 0;
	background: var(--stm-voucher-paper);
	border: 0;
	border-bottom: 1px solid var(--stm-voucher-line);
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 0.75rem;
}

.stm-dt-voucher__meta-label {
	margin: 0;
	font-size: 0.56rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--stm-voucher-muted);
	font-weight: 700;
	display: flex;
	align-items: center;
	gap: 0.3rem;
}

.stm-dt-voucher__meta-value {
	margin: 0.18rem 0 0;
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--stm-voucher-ink);
	letter-spacing: 0.015em;
}

.stm-dt-voucher__meta-side {
	text-align: right;
	flex: 0 0 auto;
}

.stm-dt-voucher__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.22rem;
	padding: 0.18rem 0.48rem;
	border-radius: 6px;
	font-size: 0.56rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	background: #ecfdf5;
	border: 1px solid #a7f3d0;
	color: #0f766e;
}

.stm-dt-voucher__badge .stm-dt-voucher__ico {
	width: 0.68rem;
	height: 0.68rem;
}

.stm-dt-voucher__badge.is-due {
	background: #f8fafc;
	border-color: #e2e8f0;
	color: #64748b;
}

.stm-dt-voucher__issued {
	margin: 0.3rem 0 0;
	font-size: 0.6rem;
	color: var(--stm-voucher-muted);
	letter-spacing: 0.01em;
}

.stm-dt-voucher__sec {
	margin: 0.85rem 0 0;
	padding: 0;
}

.stm-dt-voucher__sec-h {
	margin: 0 0 0.35rem;
	font-size: 0.58rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--stm-voucher-accent);
	display: flex;
	align-items: center;
	gap: 0.4rem;
}

.stm-dt-voucher__sec-title {
	line-height: 1.2;
}

.stm-dt-voucher__box {
	border: 0;
	border-top: 1px solid var(--stm-voucher-line);
	border-radius: 0;
	overflow: visible;
	background: var(--stm-voucher-paper);
	padding-top: 0.1rem;
}

.stm-dt-voucher__trip-pad {
	padding: 0;
}

.stm-dt-voucher__table {
	width: 100%;
	border-collapse: collapse;
	background: var(--stm-voucher-paper);
}

.stm-dt-voucher__table td {
	padding: 0.4rem 0;
	vertical-align: top;
	font-size: 0.78rem;
	background: var(--stm-voucher-paper);
}

.stm-dt-voucher__table tr + tr td {
	border-top: 1px solid var(--stm-voucher-line-soft);
}

.stm-dt-voucher__k {
	width: 30%;
	color: var(--stm-voucher-muted);
	font-size: 0.7rem;
	font-weight: 500;
	padding-right: 0.55rem;
}

.stm-dt-voucher__v {
	font-weight: 650;
	color: var(--stm-voucher-ink);
}

.stm-dt-voucher__hl {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	background: var(--stm-voucher-accent-soft);
	color: var(--stm-voucher-accent-deep);
	font-weight: 700;
	padding: 0.12rem 0.4rem;
	border-radius: 5px;
	border: 1px solid #d7e6ea;
}

.stm-dt-voucher__hl .stm-dt-voucher__ico {
	width: 0.72rem;
	height: 0.72rem;
}

.stm-dt-voucher__checkin {
	margin: 0.4rem 0 0;
	padding: 0.4rem 0 0;
	background: var(--stm-voucher-paper);
	border: 0;
	border-top: 1px solid var(--stm-voucher-line);
	font-size: 0.7rem;
}

.stm-dt-voucher__checkin strong {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	font-size: 0.56rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--stm-voucher-accent-deep);
	margin-bottom: 0.12rem;
}

.stm-dt-voucher__detail-head {
	display: flex;
	justify-content: flex-end;
	padding: 0.35rem 0 0;
}

.stm-dt-voucher__box > .stm-dt-voucher__table + .stm-dt-voucher__detail-head,
.stm-dt-voucher__box > .stm-dt-voucher__table + .stm-dt-voucher__detail-edit {
	margin-top: 0.15rem;
}

.stm-dt-voucher__detail-hint {
	font-size: 0.56rem;
	font-weight: 600;
	color: #98a2b3;
}

.stm-dt-voucher__detail-edit {
	display: block;
	width: 100%;
	min-height: 4.5rem;
	box-sizing: border-box;
	margin: 0.15rem 0 0;
	padding: 0.35rem 0;
	border: 0;
	border-top: 1px solid var(--stm-voucher-line-soft);
	border-radius: 0;
	background: var(--stm-voucher-paper);
	color: var(--stm-voucher-ink);
	font: inherit;
	font-size: 0.74rem;
	line-height: 1.4;
	resize: vertical;
	white-space: pre-wrap;
}

.stm-dt-voucher__detail-edit:focus {
	outline: none;
}

.stm-dt-voucher__detail-print {
	display: none;
	margin-top: 0.2rem;
	padding: 0.35rem 0 0;
	border-top: 1px solid var(--stm-voucher-line-soft);
	background: var(--stm-voucher-paper);
	font-size: 0.74rem;
	line-height: 1.4;
	white-space: pre-wrap;
	color: var(--stm-voucher-ink);
}

.stm-dt-voucher__terms {
	margin: 0.25rem 0 0;
	padding-left: 1.05rem;
	background: var(--stm-voucher-paper);
}

.stm-dt-voucher__terms-print {
	display: none;
}

.stm-dt-voucher__terms li {
	margin: 0 0 0.22rem;
	font-size: 0.68rem;
	color: #3a4a54;
	line-height: 1.4;
}

.stm-dt-voucher__terms-edit {
	margin-top: 0.15rem;
}

.stm-dt-voucher__terms-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	margin-bottom: 0.35rem;
}

.stm-dt-voucher__terms-add {
	appearance: none;
	border: 1px solid #d0d5dd;
	border-radius: 7px;
	background: #fff;
	color: #344054;
	font-size: 0.68rem;
	font-weight: 650;
	padding: 0.2rem 0.5rem;
	cursor: pointer;
	line-height: 1.3;
}

.stm-dt-voucher__terms-add:hover {
	background: #f8fafc;
	border-color: #98a2b3;
}

.stm-dt-voucher__terms-list {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}

.stm-dt-voucher__term-row {
	display: flex;
	align-items: flex-start;
	gap: 0.35rem;
}

.stm-dt-voucher__term-num {
	flex: 0 0 1.15rem;
	padding-top: 0.4rem;
	font-size: 0.68rem;
	font-weight: 700;
	color: #667085;
	font-variant-numeric: tabular-nums;
	text-align: right;
}

.stm-dt-voucher__term-input {
	flex: 1 1 auto;
	min-width: 0;
	min-height: 2.4rem;
	box-sizing: border-box;
	margin: 0;
	padding: 0.35rem 0.45rem;
	border: 1px solid #e4e7ec;
	border-radius: 8px;
	background: #fff;
	color: var(--stm-voucher-ink);
	font: inherit;
	font-size: 0.7rem;
	line-height: 1.4;
	resize: vertical;
}

.stm-dt-voucher__term-input:focus {
	outline: none;
	border-color: #84caff;
	box-shadow: 0 0 0 3px rgba(46, 144, 250, 0.14);
}

.stm-dt-voucher__term-remove {
	appearance: none;
	flex: 0 0 auto;
	width: 1.55rem;
	height: 1.55rem;
	margin-top: 0.28rem;
	padding: 0;
	border: 1px solid #e4e7ec;
	border-radius: 7px;
	background: #fff;
	color: #98a2b3;
	font-size: 1rem;
	line-height: 1;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.stm-dt-voucher__term-remove:hover {
	background: #fef3f2;
	border-color: #fecdca;
	color: #b42318;
}

.stm-dt-voucher__foot {
	margin-top: 1rem;
	padding-top: 0.7rem;
	border-top: 1px solid var(--stm-voucher-line);
	background: var(--stm-voucher-paper);
	font-size: 0.68rem;
	color: var(--stm-voucher-muted);
}

.stm-dt-voucher__foot-h {
	margin: 0 0 0.18rem;
	font-size: 0.58rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	color: var(--stm-voucher-muted);
	display: flex;
	align-items: center;
	gap: 0.28rem;
}

.stm-dt-voucher__confirmed {
	margin: 0 0 0.4rem;
	display: flex;
	align-items: center;
	gap: 0.35rem;
	font-size: 0.7rem;
	font-weight: 600;
	color: var(--stm-voucher-ink);
	line-height: 1.35;
}

.stm-dt-voucher__confirmed-role {
	color: var(--stm-voucher-muted);
	font-weight: 500;
}

.stm-dt-voucher__foot-name {
	margin: 0 0 0.28rem;
	font-weight: 700;
	color: var(--stm-voucher-ink);
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.stm-dt-voucher__foot-links {
	margin: 0 0 0.4rem;
	line-height: 1.5;
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 0.85rem;
}

.stm-dt-voucher__contact {
	display: inline-flex;
	align-items: center;
	gap: 0.28rem;
	color: var(--stm-voucher-accent-deep);
	text-decoration: none;
	font-weight: 550;
}

.stm-dt-voucher__contact .stm-dt-voucher__ico {
	opacity: 0.85;
}

.stm-dt-voucher__wa-link {
	color: var(--stm-voucher-accent-deep);
	text-decoration: none;
}

.stm-dt-voucher__wa-link:hover {
	text-decoration: underline;
}

.stm-dt-voucher__foot-note {
	margin: 0;
	font-size: 0.62rem;
	letter-spacing: 0.01em;
	color: #7a8b94;
}

@media (max-width: 768px) {
	.stm-dt-voucher-modal.stm-dt-coll-edit-modal {
		padding: 0;
		align-items: stretch;
		justify-content: stretch;
	}

	.stm-dt-voucher-modal .stm-dt-coll-edit-modal__backdrop {
		display: none;
	}

	.stm-dt-voucher-modal__card,
	.stm-dt-voucher-modal .stm-dt-coll-edit-modal__card {
		width: 100%;
		max-width: none;
		height: 100%;
		max-height: none;
		min-height: 100dvh;
		border-radius: 0;
		box-shadow: none;
	}

	.stm-dt-voucher-modal__top {
		padding-top: max(0.65rem, env(safe-area-inset-top, 0px));
		cursor: default;
		touch-action: auto;
	}

	.stm-dt-voucher-modal__resize {
		display: none;
	}

	.stm-dt-voucher-modal__btn {
		min-height: 2.35rem;
		font-size: 0.74rem;
	}
}

@media (max-width: 768px) {
	.stm-dt-wa-refine-modal.stm-dt-coll-edit-modal {
		padding: 0;
		align-items: stretch;
		justify-content: stretch;
	}

	.stm-dt-wa-refine-modal .stm-dt-coll-edit-modal__backdrop {
		display: none;
	}

	.stm-dt-wa-refine-modal__card,
	.stm-dt-wa-refine-modal .stm-dt-coll-edit-modal__card {
		width: 100%;
		max-width: none;
		height: 100%;
		min-height: 100dvh;
		border-radius: 0;
		box-shadow: none;
		display: flex;
		flex-direction: column;
		overflow: hidden;
	}

	.stm-dt-wa-refine-modal .stm-dt-coll-edit-modal__head {
		flex: 0 0 auto;
		padding-top: max(0.85rem, env(safe-area-inset-top, 0px));
		border-bottom: 1px solid #f2f4f7;
	}

	.stm-dt-wa-refine-modal .stm-dt-coll-edit-modal__body {
		flex: 1 1 auto;
		min-height: 0;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}

	.stm-dt-wa-refine-modal .stm-dt-coll-edit-modal__foot {
		flex: 0 0 auto;
		padding-bottom: max(0.75rem, env(safe-area-inset-bottom, 0px));
	}

	.stm-dt-wa-refine-modal .stm-dt-coll-edit-modal__foot .btn {
		flex: 1 1 0;
		min-height: 2.5rem;
	}
}

@media (max-width: 768px) {
	.stm-dt-wa-chat-modal.stm-dt-coll-edit-modal {
		padding: 0;
		align-items: stretch;
		justify-content: stretch;
	}

	.stm-dt-wa-chat-modal .stm-dt-coll-edit-modal__backdrop {
		display: none;
	}

	.stm-dt-wa-chat-modal__card,
	.stm-dt-wa-chat-modal .stm-dt-coll-edit-modal__card {
		width: 100%;
		max-width: none;
		height: 100%;
		max-height: none;
		min-height: 100dvh;
		border-radius: 0;
		box-shadow: none;
		display: flex;
		flex-direction: column;
		overflow: hidden;
	}

	.stm-dt-wa-chat-modal .stm-dt-coll-edit-modal__head {
		flex: 0 0 auto;
		padding: 0.85rem 1rem 0.65rem;
		padding-top: max(0.85rem, env(safe-area-inset-top, 0px));
		border-bottom: 1px solid #f2f4f7;
	}

	.stm-dt-wa-chat-modal .stm-dt-coll-edit-modal__body {
		flex: 1 1 auto;
		min-height: 0;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		padding: 0.85rem 1rem;
	}

	.stm-dt-wa-chat-modal .stm-dt-coll-edit-modal__foot {
		flex: 0 0 auto;
		padding: 0.75rem 1rem;
		padding-bottom: max(0.75rem, env(safe-area-inset-bottom, 0px));
		gap: 0.5rem;
		border-top: 1px solid #f2f4f7;
		background: #fff;
	}

	.stm-dt-wa-chat-modal .stm-dt-coll-edit-modal__foot .btn {
		flex: 1 1 0;
		min-height: 2.5rem;
	}

	.stm-dt-wa-chat-modal__message {
		min-height: 9.5rem;
		flex: 1 1 auto;
	}

	.stm-dt-wa-chat-modal__options {
		gap: 0.35rem;
		margin-bottom: 0.75rem;
	}

	.stm-dt-wa-chat-modal__opt {
		padding: 0.7rem 0.8rem;
	}
}

/* Expand modal: Coll amount + status (same UX as coll edit modal) */
#stm-dt-expand-modal .stm-dt-expand-coll {
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
	width: 100%;
	max-width: 22rem;
}

#stm-dt-expand-modal .stm-dt-expand-coll__label {
	font-size: 0.72rem;
	font-weight: 650;
	color: #475467;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

#stm-dt-expand-modal .stm-dt-expand-coll__amount {
	font-size: 1.02rem;
	font-weight: 650;
	font-variant-numeric: tabular-nums;
	min-height: 2.25rem;
}

#stm-dt-expand-modal .stm-dt-expand-coll__status {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}

#stm-dt-expand-modal .stm-dt-expand-coll__status.d-none {
	display: none !important;
}

#stm-dt-expand-modal .stm-dt-expand-coll__tones {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.4rem;
}

#stm-dt-expand-modal .stm-dt-expand-coll__tone {
	appearance: none;
	border: 1px solid #e4e7ec;
	border-radius: 10px;
	background: #fff;
	min-height: 2.15rem;
	padding: 0.4rem 0.55rem;
	font: inherit;
	font-size: 0.8rem;
	font-weight: 650;
	color: #475467;
	cursor: pointer;
	transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}

#stm-dt-expand-modal .stm-dt-expand-coll__tone:disabled {
	opacity: 0.65;
	cursor: default;
}

#stm-dt-expand-modal .stm-dt-expand-coll__tone:not(.is-active):hover:not(:disabled) {
	background: #f9fafb;
	border-color: #d0d5dd;
}

#stm-dt-expand-modal .stm-dt-expand-coll__tone.is-pending.is-active {
	background: #fffaeb;
	border-color: #fec84b;
	color: #b54708;
}

#stm-dt-expand-modal .stm-dt-expand-coll__tone.is-paid.is-active {
	background: #ecfdf3;
	border-color: #6ce9a6;
	color: #027a48;
}

#stm-dt-expand-modal .stm-dt-expand-coll__hint {
	margin: 0;
	font-size: 0.72rem;
	color: #98a2b3;
	line-height: 1.35;
}

.stm-dt-color-menu__sep {
	height: 1px;
	margin: 0.4rem 0.15rem;
	background: #eaecf0;
}

.stm-dt-color-menu__title {
	font-size: 0.75rem;
	font-weight: 600;
	color: #344054;
	margin-bottom: 0.45rem;
}

.stm-dt-color-menu__section + .stm-dt-color-menu__section {
	margin-top: 0.55rem;
	padding-top: 0.5rem;
	border-top: 1px solid #eaecf0;
}

.stm-dt-color-menu__label {
	font-size: 0.72rem;
	color: #667085;
	margin-bottom: 0.35rem;
}

.stm-dt-color-menu__swatches {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
}

.stm-dt-color-menu .stm-dt-warna-swatch {
	width: 1.05rem;
	height: 1.05rem;
	border-radius: 999px;
	border: 1px solid rgba(16, 24, 40, 0.12);
	padding: 0;
	cursor: pointer;
	background-color: #d0d5dd;
}

.stm-dt-color-menu .stm-dt-warna-swatch.is-none {
	background-color: #fff;
	background-image: linear-gradient(135deg, transparent 45%, #f04438 45%, #f04438 55%, transparent 55%);
}

.stm-dt-color-menu .stm-dt-warna-swatch.is-red { background-color: #f97066; }
.stm-dt-color-menu .stm-dt-warna-swatch.is-rose { background-color: #fda29b; }
.stm-dt-color-menu .stm-dt-warna-swatch.is-orange { background-color: #fd853a; }
.stm-dt-color-menu .stm-dt-warna-swatch.is-amber { background-color: #f79009; }
.stm-dt-color-menu .stm-dt-warna-swatch.is-yellow { background-color: #fdb022; }
.stm-dt-color-menu .stm-dt-warna-swatch.is-lime { background-color: #a3e635; }
.stm-dt-color-menu .stm-dt-warna-swatch.is-green { background-color: #32d583; }
.stm-dt-color-menu .stm-dt-warna-swatch.is-mint { background-color: #6ce9a6; }
.stm-dt-color-menu .stm-dt-warna-swatch.is-teal { background-color: #2ed3b7; }
.stm-dt-color-menu .stm-dt-warna-swatch.is-cyan { background-color: #22d3ee; }
.stm-dt-color-menu .stm-dt-warna-swatch.is-sky { background-color: #38bdf8; }
.stm-dt-color-menu .stm-dt-warna-swatch.is-blue { background-color: #53b1fd; }
.stm-dt-color-menu .stm-dt-warna-swatch.is-indigo { background-color: #8098f9; }
.stm-dt-color-menu .stm-dt-warna-swatch.is-purple { background-color: #b692f6; }
.stm-dt-color-menu .stm-dt-warna-swatch.is-violet { background-color: #a78bfa; }
.stm-dt-color-menu .stm-dt-warna-swatch.is-pink { background-color: #faa7e0; }
.stm-dt-color-menu .stm-dt-warna-swatch.is-fuchsia { background-color: #e879f9; }
.stm-dt-color-menu .stm-dt-warna-swatch.is-brown { background-color: #b54708; }
.stm-dt-color-menu .stm-dt-warna-swatch.is-gray { background-color: #98a2b3; }
.stm-dt-color-menu .stm-dt-warna-swatch.is-slate { background-color: #667085; }
.stm-dt-color-menu .stm-dt-warna-swatch.is-black { background-color: #344054; }

.stm-dt-color-menu .stm-dt-warna-swatch.is-active {
	outline: 2px solid #344054;
	outline-offset: 1px;
}

#stm-dashboard-root .stm-dt-row.is-bg-red { --stm-dt-frozen-bg: #fef3f2; }
#stm-dashboard-root .stm-dt-row.is-bg-rose { --stm-dt-frozen-bg: #fff1f3; }
#stm-dashboard-root .stm-dt-row.is-bg-orange { --stm-dt-frozen-bg: #fff6ed; }
#stm-dashboard-root .stm-dt-row.is-bg-amber { --stm-dt-frozen-bg: #fffaeb; }
#stm-dashboard-root .stm-dt-row.is-bg-yellow { --stm-dt-frozen-bg: #fefce8; }
#stm-dashboard-root .stm-dt-row.is-bg-lime { --stm-dt-frozen-bg: #f7fee7; }
#stm-dashboard-root .stm-dt-row.is-bg-green { --stm-dt-frozen-bg: #ecfdf3; }
#stm-dashboard-root .stm-dt-row.is-bg-mint { --stm-dt-frozen-bg: #edfcf2; }
#stm-dashboard-root .stm-dt-row.is-bg-teal { --stm-dt-frozen-bg: #f0fdf9; }
#stm-dashboard-root .stm-dt-row.is-bg-cyan { --stm-dt-frozen-bg: #ecfeff; }
#stm-dashboard-root .stm-dt-row.is-bg-sky { --stm-dt-frozen-bg: #f0f9ff; }
#stm-dashboard-root .stm-dt-row.is-bg-blue { --stm-dt-frozen-bg: #eff8ff; }
#stm-dashboard-root .stm-dt-row.is-bg-indigo { --stm-dt-frozen-bg: #eef4ff; }
#stm-dashboard-root .stm-dt-row.is-bg-purple { --stm-dt-frozen-bg: #f4f3ff; }
#stm-dashboard-root .stm-dt-row.is-bg-violet { --stm-dt-frozen-bg: #f5f3ff; }
#stm-dashboard-root .stm-dt-row.is-bg-pink { --stm-dt-frozen-bg: #fdf2fa; }
#stm-dashboard-root .stm-dt-row.is-bg-fuchsia { --stm-dt-frozen-bg: #fdf4ff; }
#stm-dashboard-root .stm-dt-row.is-bg-brown { --stm-dt-frozen-bg: #fef6ee; }
#stm-dashboard-root .stm-dt-row.is-bg-gray { --stm-dt-frozen-bg: #f2f4f7; }
#stm-dashboard-root .stm-dt-row.is-bg-slate { --stm-dt-frozen-bg: #f8fafc; }
#stm-dashboard-root .stm-dt-row.is-bg-black { --stm-dt-frozen-bg: #e4e7ec; }

#stm-dashboard-root .stm-dt-row.is-bg-red > td { background-color: #fef3f2 !important; }
#stm-dashboard-root .stm-dt-row.is-bg-rose > td { background-color: #fff1f3 !important; }
#stm-dashboard-root .stm-dt-row.is-bg-orange > td { background-color: #fff6ed !important; }
#stm-dashboard-root .stm-dt-row.is-bg-amber > td { background-color: #fffaeb !important; }
#stm-dashboard-root .stm-dt-row.is-bg-yellow > td { background-color: #fefce8 !important; }
#stm-dashboard-root .stm-dt-row.is-bg-lime > td { background-color: #f7fee7 !important; }
#stm-dashboard-root .stm-dt-row.is-bg-green > td { background-color: #ecfdf3 !important; }
#stm-dashboard-root .stm-dt-row.is-bg-mint > td { background-color: #edfcf2 !important; }
#stm-dashboard-root .stm-dt-row.is-bg-teal > td { background-color: #f0fdf9 !important; }
#stm-dashboard-root .stm-dt-row.is-bg-cyan > td { background-color: #ecfeff !important; }
#stm-dashboard-root .stm-dt-row.is-bg-sky > td { background-color: #f0f9ff !important; }
#stm-dashboard-root .stm-dt-row.is-bg-blue > td { background-color: #eff8ff !important; }
#stm-dashboard-root .stm-dt-row.is-bg-indigo > td { background-color: #eef4ff !important; }
#stm-dashboard-root .stm-dt-row.is-bg-purple > td { background-color: #f4f3ff !important; }
#stm-dashboard-root .stm-dt-row.is-bg-violet > td { background-color: #f5f3ff !important; }
#stm-dashboard-root .stm-dt-row.is-bg-pink > td { background-color: #fdf2fa !important; }
#stm-dashboard-root .stm-dt-row.is-bg-fuchsia > td { background-color: #fdf4ff !important; }
#stm-dashboard-root .stm-dt-row.is-bg-brown > td { background-color: #fef6ee !important; }
#stm-dashboard-root .stm-dt-row.is-bg-gray > td { background-color: #f2f4f7 !important; }
#stm-dashboard-root .stm-dt-row.is-bg-slate > td { background-color: #f8fafc !important; }
#stm-dashboard-root .stm-dt-row.is-bg-black > td { background-color: #e4e7ec !important; }

/* Re-assert opaque frozen cols after row/cell color rules (Bootstrap transparent table-bg) */
#stm-dashboard-root #stm-data-table-root .stm-dt-table--airtable.table > tbody > tr > td.stm-dt-col-check {
	background: var(--stm-dt-frozen-bg, #ffffff) !important;
	background-color: var(--stm-dt-frozen-bg, #ffffff) !important;
	background-image: none !important;
	box-shadow: none !important;
}

#stm-dashboard-root .stm-dt-row.is-fg-red > td { color: #b42318; }
#stm-dashboard-root .stm-dt-row.is-fg-rose > td { color: #c01048; }
#stm-dashboard-root .stm-dt-row.is-fg-orange > td { color: #b54708; }
#stm-dashboard-root .stm-dt-row.is-fg-amber > td { color: #b54708; }
#stm-dashboard-root .stm-dt-row.is-fg-yellow > td { color: #a15c07; }
#stm-dashboard-root .stm-dt-row.is-fg-lime > td { color: #4d7c0f; }
#stm-dashboard-root .stm-dt-row.is-fg-green > td { color: #027a48; }
#stm-dashboard-root .stm-dt-row.is-fg-mint > td { color: #067647; }
#stm-dashboard-root .stm-dt-row.is-fg-teal > td { color: #107569; }
#stm-dashboard-root .stm-dt-row.is-fg-cyan > td { color: #0e7490; }
#stm-dashboard-root .stm-dt-row.is-fg-sky > td { color: #026aa2; }
#stm-dashboard-root .stm-dt-row.is-fg-blue > td { color: #175cd3; }
#stm-dashboard-root .stm-dt-row.is-fg-indigo > td { color: #3538cd; }
#stm-dashboard-root .stm-dt-row.is-fg-purple > td { color: #6941c6; }
#stm-dashboard-root .stm-dt-row.is-fg-violet > td { color: #6d28d9; }
#stm-dashboard-root .stm-dt-row.is-fg-pink > td { color: #c11574; }
#stm-dashboard-root .stm-dt-row.is-fg-fuchsia > td { color: #a21caf; }
#stm-dashboard-root .stm-dt-row.is-fg-brown > td { color: #93370d; }
#stm-dashboard-root .stm-dt-row.is-fg-gray > td { color: #475467; }
#stm-dashboard-root .stm-dt-row.is-fg-slate > td { color: #344054; }
#stm-dashboard-root .stm-dt-row.is-fg-black > td { color: #101828; }

#stm-dashboard-root .stm-dt-cell.is-cell-bg-red { background-color: #fef3f2 !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-bg-rose { background-color: #fff1f3 !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-bg-orange { background-color: #fff6ed !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-bg-amber { background-color: #fffaeb !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-bg-yellow { background-color: #fefce8 !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-bg-lime { background-color: #f7fee7 !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-bg-green { background-color: #ecfdf3 !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-bg-mint { background-color: #edfcf2 !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-bg-teal { background-color: #f0fdf9 !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-bg-cyan { background-color: #ecfeff !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-bg-sky { background-color: #f0f9ff !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-bg-blue { background-color: #eff8ff !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-bg-indigo { background-color: #eef4ff !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-bg-purple { background-color: #f4f3ff !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-bg-violet { background-color: #f5f3ff !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-bg-pink { background-color: #fdf2fa !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-bg-fuchsia { background-color: #fdf4ff !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-bg-brown { background-color: #fef6ee !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-bg-gray { background-color: #f2f4f7 !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-bg-slate { background-color: #f8fafc !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-bg-black { background-color: #e4e7ec !important; }

#stm-dashboard-root .stm-dt-cell.is-cell-fg-red { color: #b42318 !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-fg-rose { color: #c01048 !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-fg-orange { color: #b54708 !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-fg-amber { color: #b54708 !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-fg-yellow { color: #a15c07 !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-fg-lime { color: #4d7c0f !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-fg-green { color: #027a48 !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-fg-mint { color: #067647 !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-fg-teal { color: #107569 !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-fg-cyan { color: #0e7490 !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-fg-sky { color: #026aa2 !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-fg-blue { color: #175cd3 !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-fg-indigo { color: #3538cd !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-fg-purple { color: #6941c6 !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-fg-violet { color: #6d28d9 !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-fg-pink { color: #c11574 !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-fg-fuchsia { color: #a21caf !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-fg-brown { color: #93370d !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-fg-gray { color: #475467 !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-fg-slate { color: #344054 !important; }
#stm-dashboard-root .stm-dt-cell.is-cell-fg-black { color: #101828 !important; }

.stm-dt-expand-fields {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.stm-dt-expand-empty {
	margin: 0.75rem 0 0;
	font-size: 0.8125rem;
	color: #98a2b3;
}

.stm-dt-expand-field {
	display: grid;
	grid-template-columns: minmax(7.5rem, 9.5rem) minmax(0, 1fr);
	gap: 0.55rem 0.85rem;
	align-items: center;
	padding: 0.4rem 0.15rem;
	border-bottom: 1px solid #f2f4f7;
	transition: background 0.12s ease;
}

/* Record ID + Trx. ID: satu baris compact */
.stm-dt-expand-field--ids-compact {
	display: block;
	padding: 0.3rem 0.15rem 0.45rem;
	align-items: stretch;
}

/* Customer group: name + link + nationality/email/phone */
.stm-dt-expand-field--customer-group {
	display: block;
	padding: 0.45rem 0.1rem 0.55rem;
	align-items: stretch;
	border-bottom: 1px solid #eef2f6;
}

.stm-dt-expand-customer {
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
	width: 100%;
	padding: 0.7rem 0.75rem 0.75rem;
	border-radius: 0.9rem;
	border: 1px solid #e8eef5;
	background:
		radial-gradient(120% 90% at 0% 0%, rgba(14, 165, 233, 0.07), transparent 48%),
		linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.03);
}

.stm-dt-expand-customer__head {
	display: flex;
	flex-direction: column;
	gap: 0.08rem;
	min-width: 0;
}

.stm-dt-expand-customer__eyebrow {
	font-size: 0.66rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #7a8a99;
}

.stm-dt-expand-customer__title {
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: #1f2a37;
	line-height: 1.25;
}

.stm-dt-expand-customer__name {
	display: grid;
	grid-template-columns: minmax(5.5rem, 7.5rem) minmax(0, 1fr);
	gap: 0.45rem 0.65rem;
	align-items: center;
}

.stm-dt-expand-customer__name-label {
	margin: 0;
	font-size: 0.7rem;
	font-weight: 650;
	color: #667085;
	line-height: 1.2;
}

.stm-dt-expand-customer__name-input {
	width: 100%;
	min-width: 0;
	height: 2rem;
	padding: 0.25rem 0.6rem;
	border: 1px solid #e4e7ec;
	border-radius: 0.55rem;
	background: #fff;
	font-size: 0.86rem;
	font-weight: 650;
	color: #101828;
	outline: none;
	box-shadow: none;
}

.stm-dt-expand-customer__name-input:focus {
	border-color: #98a2b3;
	box-shadow: 0 0 0 3px rgba(152, 162, 179, 0.18);
}

.stm-dt-expand-customer__name-input:disabled {
	background: #f2f4f7;
	color: #667085;
}

.stm-dt-expand-customer__link .stm-dt-expand-link {
	gap: 0.4rem;
}

.stm-dt-expand-customer__link .stm-dt-expand-link__cards {
	gap: 0.35rem;
}

.stm-dt-expand-customer__link .stm-dt-expand-link__empty {
	min-height: 2rem;
	padding: 0.35rem 0.55rem;
	border-radius: 0.55rem;
	border: 1px dashed #d0d5dd;
	background: rgba(255, 255, 255, 0.7);
	font-size: 0.78rem;
	color: #98a2b3;
	display: flex;
	align-items: center;
}

.stm-dt-expand-customer__link .stm-dt-expand-link__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4rem;
}

.stm-dt-expand-customer__contacts {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.45rem;
}

.stm-dt-expand-customer__cell {
	display: flex;
	flex-direction: column;
	gap: 0.22rem;
	min-width: 0;
	padding: 0.4rem 0.55rem 0.45rem;
	border-radius: 0.65rem;
	background: rgba(255, 255, 255, 0.88);
	border: 1px solid #eef2f6;
}

.stm-dt-expand-customer__cell.is-readonly {
	background: #f3f5f8;
}

.stm-dt-expand-customer__cell-label {
	font-size: 0.64rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #98a2b3;
	line-height: 1.2;
}

.stm-dt-expand-customer__cell-value {
	font-size: 0.82rem;
	font-weight: 650;
	color: #101828;
	line-height: 1.3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.stm-dt-expand-customer__cell-value.is-empty {
	color: #98a2b3;
	font-weight: 550;
}

.stm-dt-expand-customer__cell-input {
	width: 100%;
	min-width: 0;
	height: 1.65rem;
	padding: 0;
	border: 0;
	outline: none;
	background: transparent;
	box-shadow: none;
	font-size: 0.84rem;
	font-weight: 650;
	color: #101828;
}

.stm-dt-expand-customer__cell-input:focus {
	outline: none;
	box-shadow: none;
}

.stm-dt-expand-customer__tip {
	font-size: 0.68rem;
	line-height: 1.35;
	color: #98a2b3;
}

@media (max-width: 575.98px) {
	.stm-dt-expand-customer__name {
		grid-template-columns: 1fr;
		gap: 0.25rem;
	}

	.stm-dt-expand-customer__contacts {
		grid-template-columns: 1fr;
	}
}

.stm-dt-expand-ids {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 0.55rem;
	width: 100%;
}

.stm-dt-expand-ids__item {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	min-width: 0;
	min-height: 2.1rem;
	padding: 0.2rem 0.55rem 0.2rem 0.5rem;
	border-radius: 0.65rem;
	background: #f8fafc;
	border: 1px solid #eef2f6;
}

.stm-dt-expand-ids__item.is-readonly {
	background: #f3f5f8;
}

.stm-dt-expand-ids__label {
	display: inline-flex;
	align-items: center;
	gap: 0.28rem;
	margin: 0;
	flex: 0 1 auto;
	min-width: 0;
	max-width: 46%;
	font-size: 0.68rem;
	font-weight: 650;
	letter-spacing: 0.01em;
	color: #667085;
	line-height: 1.2;
	white-space: nowrap;
}

.stm-dt-expand-ids__ico {
	opacity: 0.55;
	flex: 0 0 auto;
	font-size: 0.65rem;
}

.stm-dt-expand-ids__name {
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0;
}

.stm-dt-expand-ids__value {
	flex: 1 1 auto;
	min-width: 0;
	text-align: right;
	font-size: 0.84rem;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: #101828;
	font-variant-numeric: tabular-nums;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.stm-dt-expand-ids__input {
	flex: 1 1 auto;
	min-width: 0;
	width: 100%;
	height: 1.7rem;
	margin: 0;
	padding: 0.1rem 0.15rem;
	border: 0;
	outline: none;
	background: transparent;
	box-shadow: none;
	text-align: right;
	font-size: 0.84rem;
	font-weight: 650;
	letter-spacing: -0.01em;
	color: #101828;
	font-variant-numeric: tabular-nums;
}

.stm-dt-expand-ids__input:focus {
	outline: none;
	box-shadow: none;
}

.stm-dt-expand-ids__input:disabled {
	color: #667085;
	opacity: 0.9;
}

@media (max-width: 575.98px) {
	.stm-dt-expand-ids {
		grid-template-columns: 1fr;
	}
}

.stm-dt-expand-field:hover {
	background: #fcfcfd;
}

.stm-dt-expand-field:last-child {
	border-bottom: 0;
}

.stm-dt-expand-field.is-readonly {
	opacity: 0.92;
}

.stm-dt-expand-field__label {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	margin: 0;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	color: #667085;
	line-height: 1.3;
	min-width: 0;
	flex-wrap: wrap;
}

.stm-dt-expand-field__type {
	opacity: 0.55;
	font-size: 0.68rem;
	flex: 0 0 auto;
}

.stm-dt-expand-field__name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 0;
}

.stm-dt-expand-field__label .stm-dt-expand-ai-btn {
	flex: 0 0 auto;
	margin: 0;
	align-self: center;
}

.stm-dt-expand-field__control {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0.35rem;
	min-width: 0;
}

/* Expand: Trip/Area + C. In/PU — 1 baris compact */
.stm-dt-expand-field--trip-cin {
	align-items: center;
}

.stm-dt-expand-trip-cin {
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
	width: 100%;
	min-width: 0;
}

.stm-dt-expand-trip-cin--inline {
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0.4rem;
	min-height: 2.1rem;
}

.stm-dt-expand-trip-cin__area-input {
	flex: 1 1 auto;
	min-width: 7rem;
	width: auto;
	height: 2rem;
	margin: 0;
	padding: 0.2rem 0.55rem;
	border: 1px solid #e4e7ec;
	border-radius: 0.55rem;
	background: #fff;
	font-size: 0.82rem;
	font-weight: 650;
	color: #101828;
	outline: none;
	box-shadow: none;
}

.stm-dt-expand-trip-cin__area-input:focus {
	border-color: #98a2b3;
	box-shadow: 0 0 0 3px rgba(152, 162, 179, 0.16);
}

.stm-dt-expand-trip-cin__area-input:disabled {
	background: #f2f4f7;
	color: #667085;
}

.stm-dt-expand-trip-cin__kind,
.stm-dt-expand-trip-cin__hour,
.stm-dt-expand-trip-cin__minute {
	flex: 0 0 auto;
	height: 2rem;
	margin: 0;
	padding: 0 0.35rem;
	border: 1px solid #e4e7ec;
	border-radius: 0.5rem;
	background: #fff;
	font-size: 0.78rem;
	font-weight: 650;
	color: #101828;
	outline: none;
	box-shadow: none;
}

.stm-dt-expand-trip-cin__kind {
	min-width: 4.4rem;
	max-width: 5.2rem;
	cursor: pointer;
}

.stm-dt-expand-trip-cin__hour,
.stm-dt-expand-trip-cin__minute {
	width: 2.55rem;
	min-width: 2.55rem;
	max-width: 2.55rem;
	padding: 0 0.2rem;
	text-align: center;
	cursor: text;
	-moz-appearance: textfield;
	appearance: textfield;
}

.stm-dt-expand-trip-cin__hour::-webkit-outer-spin-button,
.stm-dt-expand-trip-cin__hour::-webkit-inner-spin-button,
.stm-dt-expand-trip-cin__minute::-webkit-outer-spin-button,
.stm-dt-expand-trip-cin__minute::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.stm-dt-expand-trip-cin__kind:focus,
.stm-dt-expand-trip-cin__hour:focus,
.stm-dt-expand-trip-cin__minute:focus {
	border-color: #98a2b3;
	box-shadow: 0 0 0 3px rgba(152, 162, 179, 0.16);
}

.stm-dt-expand-trip-cin__hour:disabled,
.stm-dt-expand-trip-cin__minute:disabled {
	cursor: default;
	background: #f2f4f7;
	color: #667085;
}

.stm-dt-expand-trip-cin__colon {
	flex: 0 0 auto;
	font-size: 0.9rem;
	font-weight: 700;
	color: #98a2b3;
	line-height: 1;
}

.stm-dt-expand-trip-cin__ampm {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	padding: 0.12rem;
	border-radius: 0.5rem;
	background: #f2f4f7;
	border: 1px solid #e4e7ec;
	gap: 0.1rem;
}

.stm-dt-expand-trip-cin__ampm-btn {
	appearance: none;
	border: 0;
	background: transparent;
	min-width: 2rem;
	height: 1.55rem;
	padding: 0 0.35rem;
	border-radius: 0.35rem;
	font-size: 0.68rem;
	font-weight: 750;
	letter-spacing: 0.02em;
	color: #667085;
	cursor: pointer;
	line-height: 1;
}

.stm-dt-expand-trip-cin__ampm-btn.is-on {
	background: #fff;
	color: #101828;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08);
}

.stm-dt-expand-trip-cin__ampm-btn:disabled {
	cursor: default;
	opacity: 0.7;
}

.stm-dt-expand-trip-cin--inline.is-readonly-cin .stm-dt-expand-trip-cin__kind,
.stm-dt-expand-trip-cin--inline.is-readonly-cin .stm-dt-expand-trip-cin__hour,
.stm-dt-expand-trip-cin--inline.is-readonly-cin .stm-dt-expand-trip-cin__minute {
	background: #f2f4f7;
	color: #667085;
}

@media (max-width: 575.98px) {
	.stm-dt-expand-trip-cin--inline {
		flex-wrap: wrap;
	}

	.stm-dt-expand-trip-cin__area-input {
		flex: 1 1 100%;
		min-width: 100%;
	}
}

/* Expand: Airtable-style choice pills */
.stm-dt-expand-field__control .stm-dt-expand-choice,
.stm-dt-expand-sheet .stm-dt-expand-choice {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: flex-start;
	gap: 0.35rem;
	min-height: 2.35rem;
	width: 100%;
	padding: 0.4rem 2rem 0.4rem 0.55rem;
	border: 1px solid #d0d5dd;
	border-radius: 8px;
	background: #fff;
	box-shadow: none;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
	cursor: text;
}

.stm-dt-expand-field.is-choice-editing .stm-dt-expand-choice,
.stm-dt-expand-field__control .stm-dt-expand-choice:focus-within {
	border-color: #84caff;
	box-shadow: 0 0 0 3px rgba(46, 144, 250, 0.12);
	background: #fff;
}

.stm-dt-expand-field__control .stm-dt-expand-choice.is-readonly {
	cursor: default;
	background: #f9fafb;
	border-color: #e4e7ec;
	padding-right: 0.55rem;
}

.stm-dt-expand-sheet .stm-dt-choice-chip,
.stm-dt-expand-field .stm-dt-choice-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.2rem;
	max-width: 100%;
	min-width: 0;
	padding: 0.18rem 0.28rem 0.18rem 0.55rem;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	line-height: 1.3;
	border: 0 solid transparent;
}

.stm-dt-expand-sheet .stm-dt-choice-chip__label,
.stm-dt-expand-field .stm-dt-choice-chip__label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 0;
}

.stm-dt-expand-sheet .stm-dt-choice-chip__remove,
.stm-dt-expand-field .stm-dt-choice-chip__remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1rem;
	height: 1rem;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: rgba(15, 23, 42, 0.16);
	color: inherit;
	opacity: 0.9;
	cursor: pointer;
	flex: 0 0 auto;
	line-height: 0;
}

.stm-dt-expand-sheet .stm-dt-choice-chip__remove:hover,
.stm-dt-expand-field .stm-dt-choice-chip__remove:hover {
	opacity: 1;
	background: rgba(15, 23, 42, 0.26);
}

.stm-dt-expand-field__control .stm-dt-choice-editor__chev {
	position: absolute;
	top: 50%;
	right: 0.35rem;
	transform: translateY(-50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.4rem;
	height: 1.4rem;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 4px;
	background: transparent;
	color: #667085;
	cursor: pointer;
	flex: 0 0 auto;
	line-height: 0;
}

.stm-dt-expand-field__control .stm-dt-choice-editor__chev svg {
	display: block;
	pointer-events: none;
}

.stm-dt-expand-field__control .stm-dt-choice-editor__chev:hover {
	color: #101828;
	background: #f2f4f7;
}

.stm-dt-expand-field__control .stm-dt-choice-editor__add {
	display: none;
}

.stm-dt-expand-field__control .stm-dt-choice-editor__placeholder {
	font-size: 0.78rem;
	color: #98a2b3;
}

.stm-dt-expand-field__control .form-control,
.stm-dt-expand-field__control .form-select,
.stm-dt-expand-field__control .stm-ui-input {
	border-radius: 8px;
	border-color: #e4e7ec;
	font-size: 0.8125rem;
	min-height: 2rem;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.stm-dt-expand-field__control .form-control:focus,
.stm-dt-expand-field__control .form-select:focus,
.stm-dt-expand-field__control .stm-ui-input:focus {
	border-color: #84caff;
	box-shadow: 0 0 0 3px rgba(46, 144, 250, 0.12);
}

.stm-dt-expand-field__control .form-control:disabled,
.stm-dt-expand-field__control .form-select:disabled {
	background: #f9fafb;
	color: #667085;
}

.stm-dt-expand-textarea {
	min-height: 2.4rem;
	resize: vertical;
	line-height: 1.4;
}

.stm-dt-expand-check {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	margin: 0.25rem 0;
	font-size: 0.8125rem;
	color: #344054;
	cursor: pointer;
}

.stm-dt-expand-readonly {
	margin: 0.35rem 0 0;
	font-size: 0.8125rem;
	color: #667085;
}

#stm-dt-expand-modal .stm-dt-expand-card {
	border-radius: 16px;
	overflow: hidden;
	background:
		radial-gradient(120% 80% at 0% 0%, rgba(14, 165, 233, 0.06), transparent 42%),
		linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
	box-shadow: 0 24px 64px rgba(16, 24, 40, 0.16), 0 2px 8px rgba(16, 24, 40, 0.06);
}

#stm-dt-expand-modal .stm-dt-expand-card__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 1rem 1.15rem 0.65rem;
}

#stm-dt-expand-modal .stm-dt-expand-card__head-main {
	min-width: 0;
}

#stm-dt-expand-modal .stm-dt-expand-card__head-actions {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	flex-shrink: 0;
	padding-top: 0.1rem;
}

#stm-dt-expand-modal .stm-dt-expand-nav {
	display: inline-flex;
	align-items: center;
	gap: 0.1rem;
}

#stm-dt-expand-modal .stm-dt-expand-nav-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	padding: 0;
	border: 0;
	border-radius: 7px;
	background: transparent;
	color: #667085;
	cursor: pointer;
	transition: background 0.12s ease, color 0.12s ease;
}

#stm-dt-expand-modal .stm-dt-expand-nav-btn:hover:not(:disabled) {
	background: #f2f4f7;
	color: #101828;
}

#stm-dt-expand-modal .stm-dt-expand-nav-btn:focus-visible {
	outline: 2px solid rgba(14, 165, 233, 0.45);
	outline-offset: 1px;
}

#stm-dt-expand-modal .stm-dt-expand-nav-btn:disabled {
	opacity: 0.35;
	cursor: default;
}

#stm-dt-expand-modal .stm-dt-expand-nav-btn.is-busy {
	opacity: 0.55;
	pointer-events: none;
}

#stm-dt-expand-modal .stm-dt-expand-nav-tip {
	position: absolute;
	top: calc(100% + 8px);
	left: 50%;
	transform: translateX(-50%) translateY(2px);
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.38rem 0.55rem;
	border-radius: 8px;
	background: #1f242e;
	color: #fff;
	font-size: 0.72rem;
	font-weight: 500;
	letter-spacing: 0.01em;
	white-space: nowrap;
	box-shadow: 0 8px 20px rgba(16, 24, 40, 0.22);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	z-index: 5;
	transition: opacity 0.12s ease, transform 0.12s ease, visibility 0.12s;
}

#stm-dt-expand-modal .stm-dt-expand-nav-tip::before {
	content: '';
	position: absolute;
	top: -5px;
	left: 50%;
	width: 10px;
	height: 10px;
	margin-left: -5px;
	background: #1f242e;
	transform: rotate(45deg);
	border-radius: 2px;
}

#stm-dt-expand-modal .stm-dt-expand-nav-btn:hover:not(:disabled) .stm-dt-expand-nav-tip,
#stm-dt-expand-modal .stm-dt-expand-nav-btn:focus-visible:not(:disabled) .stm-dt-expand-nav-tip {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}

#stm-dt-expand-modal .stm-dt-expand-nav-tip__keys {
	display: inline-flex;
	align-items: center;
	gap: 0.2rem;
}

#stm-dt-expand-modal .stm-dt-expand-nav-tip kbd {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.35rem;
	height: 1.2rem;
	padding: 0 0.28rem;
	border-radius: 4px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	background: rgba(255, 255, 255, 0.1);
	color: #f2f4f7;
	font-family: inherit;
	font-size: 0.62rem;
	font-weight: 650;
	line-height: 1;
}

#stm-dt-expand-modal .stm-dt-expand-card__eyebrow,
#stm-dt-link-create-modal .stm-dt-expand-card__eyebrow {
	font-size: 0.68rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #98a2b3;
}

#stm-dt-expand-modal .stm-dt-expand-card__title,
#stm-dt-link-create-modal .stm-dt-expand-card__title {
	margin: 0.15rem 0 0;
	font-size: 1.05rem;
	font-weight: 650;
	letter-spacing: -0.02em;
	color: #101828;
	line-height: 1.3;
}

#stm-dt-expand-modal .stm-dt-expand-card__body {
	padding: 0.15rem 1.15rem 0.35rem;
}

#stm-dt-expand-modal .stm-dt-expand-card__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.65rem 1.15rem 1rem;
}

#stm-dt-expand-modal .stm-dt-expand-card__hint {
	font-size: 0.72rem;
	color: #98a2b3;
}

#stm-dt-link-create-modal {
	z-index: 100130;
}

#stm-dt-link-create-modal.show {
	display: block;
}

#stm-dt-link-create-backdrop,
.stm-dt-link-create-backdrop {
	z-index: 100125;
}

#stm-dt-link-create-modal .stm-dt-link-create-card {
	border-radius: 16px;
	overflow: hidden;
	background:
		radial-gradient(110% 70% at 100% 0%, rgba(2, 132, 199, 0.07), transparent 45%),
		#fff;
	box-shadow: 0 22px 56px rgba(16, 24, 40, 0.18), 0 2px 8px rgba(16, 24, 40, 0.06);
}

#stm-dt-link-create-modal .stm-dt-link-create-card__head {
	padding: 1rem 1.1rem 0.55rem;
}

#stm-dt-link-create-modal .stm-dt-link-create-card__body {
	padding: 0.25rem 1.1rem 1rem;
}

#stm-dt-link-create-modal .stm-dt-link-create-fields {
	display: flex;
	flex-direction: column;
	gap: 0;
	max-height: min(62vh, 560px);
	overflow: auto;
	padding-right: 0.15rem;
}

#stm-dt-link-create-modal .stm-dt-link-create-field .stm-dt-expand-field__label {
	margin: 0 0 0.25rem;
}

#stm-dt-link-create-modal .stm-dt-link-create-field .form-control,
#stm-dt-link-create-modal .stm-dt-link-create-field .form-select {
	border-radius: 8px;
	border-color: #e4e7ec;
	font-size: 0.8125rem;
	min-height: 2.1rem;
}

#stm-dt-link-create-modal .stm-dt-link-create-field--choice .stm-dt-link-create-choice {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: flex-start;
	gap: 0.3rem;
	min-height: 2.5rem;
	width: 100%;
	padding: 0.35rem 2.1rem 0.35rem 0.45rem;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	background: #fafbfc;
	box-sizing: border-box;
	cursor: text;
	transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

#stm-dt-link-create-modal .stm-dt-link-create-field--choice.is-choice-editing .stm-dt-link-create-choice,
#stm-dt-link-create-modal .stm-dt-link-create-field--choice .stm-dt-link-create-choice:focus-within {
	background: #fff;
	border-color: #98c8f5;
	box-shadow: 0 0 0 3px rgba(46, 144, 250, 0.1);
}

#stm-dt-link-create-modal .stm-dt-link-create-choice .stm-dt-choice-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.15rem;
	max-width: min(100%, 16rem);
	min-width: 0;
	padding: 0.2rem 0.18rem 0.2rem 0.55rem;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	line-height: 1.25;
	border: 1px solid transparent;
	box-shadow: none;
	transition: filter 0.12s ease, transform 0.12s ease;
}

#stm-dt-link-create-modal .stm-dt-link-create-choice .stm-dt-choice-chip__label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 0;
	padding-right: 0.05rem;
}

#stm-dt-link-create-modal .stm-dt-link-create-choice .stm-dt-choice-chip__remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.05rem;
	height: 1.05rem;
	margin: 0 0.12rem 0 0;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: rgba(15, 23, 42, 0.1);
	color: inherit;
	opacity: 0.72;
	cursor: pointer;
	flex: 0 0 auto;
	line-height: 0;
	appearance: none;
	-webkit-appearance: none;
	transition: background 0.12s ease, opacity 0.12s ease, transform 0.12s ease;
}

#stm-dt-link-create-modal .stm-dt-link-create-choice .stm-dt-choice-chip__remove svg {
	width: 9px;
	height: 9px;
	display: block;
	pointer-events: none;
}

#stm-dt-link-create-modal .stm-dt-link-create-choice .stm-dt-choice-chip__remove:hover {
	opacity: 1;
	background: rgba(15, 23, 42, 0.18);
	transform: scale(1.06);
}

#stm-dt-link-create-modal .stm-dt-link-create-choice .stm-dt-choice-chip__remove:focus-visible {
	outline: 2px solid rgba(46, 144, 250, 0.45);
	outline-offset: 1px;
	opacity: 1;
}

#stm-dt-link-create-modal .stm-dt-link-create-choice .stm-dt-choice-chip__remove:active {
	transform: scale(0.96);
}

#stm-dt-link-create-modal .stm-dt-link-create-choice .stm-dt-choice-editor__placeholder {
	font-size: 0.8125rem;
	color: #98a2b3;
}

#stm-dt-link-create-modal .stm-dt-link-create-choice .stm-dt-choice-editor__chev {
	position: absolute;
	top: 50%;
	right: 0.4rem;
	transform: translateY(-50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.35rem;
	height: 1.35rem;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 7px;
	background: transparent;
	color: #98a2b3;
	line-height: 0;
	cursor: pointer;
	flex: 0 0 auto;
	transition: color 0.12s ease, background 0.12s ease;
}

#stm-dt-link-create-modal .stm-dt-link-create-choice .stm-dt-choice-editor__chev:hover {
	color: #344054;
	background: rgba(15, 23, 42, 0.05);
}

#stm-dt-link-create-modal .stm-dt-link-create-card__foot {
	display: flex;
	justify-content: flex-end;
	gap: 0.45rem;
}

#stm-dt-link-create-modal.stm-dt-link-edit-sheet .modal-dialog {
	max-width: min(440px, calc(100vw - 1.5rem));
	width: min(440px, calc(100vw - 1.5rem));
	min-width: 340px;
	min-height: 280px;
	max-height: calc(100vh - 2rem);
	margin: 1rem auto;
}

#stm-dt-link-create-modal.stm-dt-link-edit-sheet .stm-dt-link-create-card {
	background:
		linear-gradient(180deg, #f8fafc 0%, #ffffff 42%),
		#fff;
	border: 1px solid rgba(226, 232, 240, 0.95);
	border-radius: 18px;
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	max-height: 100%;
	box-shadow:
		0 24px 60px rgba(15, 23, 42, 0.16),
		0 2px 8px rgba(15, 23, 42, 0.05);
	overflow: hidden;
}

#stm-dt-link-create-modal.stm-dt-link-edit-sheet .stm-dt-link-create-card__head {
	padding: 1.05rem 1.15rem 0.7rem;
	flex: 0 0 auto;
	border-bottom: 1px solid #f1f5f9;
	background: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(248,250,252,0.65));
}

#stm-dt-link-create-modal.stm-dt-link-edit-sheet #stm-dt-link-create-eyebrow {
	font-size: 0.68rem;
	font-weight: 650;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #64748b;
}

#stm-dt-link-create-modal.stm-dt-link-edit-sheet #stm-dt-link-create-title {
	margin-top: 0.15rem;
	font-size: 1.05rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: #0f172a;
}

#stm-dt-link-create-modal.stm-dt-link-edit-sheet #stm-dt-link-create-form {
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

#stm-dt-link-create-modal.stm-dt-link-edit-sheet .stm-dt-link-create-card__body {
	flex: 1 1 auto;
	min-height: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	padding: 0.85rem 1.15rem 0.35rem;
}

#stm-dt-link-create-modal.stm-dt-link-edit-sheet .stm-dt-link-create-preview {
	margin-bottom: 0.75rem;
	flex: 0 0 auto;
}

#stm-dt-link-create-modal.stm-dt-link-edit-sheet .stm-dt-link-create-fields,
#stm-dt-link-create-modal.stm-dt-link-edit-sheet .stm-dt-link-create-fields-inner {
	flex: 1 1 auto;
	min-height: 0;
	max-height: none;
	overflow: auto;
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
	padding-right: 0.1rem;
}

#stm-dt-link-create-modal.stm-dt-link-edit-sheet .stm-dt-link-create-field {
	padding: 0;
	margin: 0;
	border: 0;
}

#stm-dt-link-create-modal.stm-dt-link-edit-sheet .stm-dt-link-create-field .stm-dt-expand-field__label {
	margin: 0 0 0.28rem;
	font-size: 0.72rem;
	font-weight: 650;
	letter-spacing: 0.02em;
	color: #64748b;
}

#stm-dt-link-create-modal.stm-dt-link-edit-sheet .stm-dt-link-create-field .form-control,
#stm-dt-link-create-modal.stm-dt-link-edit-sheet .stm-dt-link-create-field .form-select {
	border-radius: 10px;
	border-color: #e2e8f0;
	background: #fff;
	font-size: 0.8125rem;
	min-height: 2.25rem;
	padding: 0.45rem 0.7rem;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
	transition: border-color 0.12s ease, box-shadow 0.12s ease;
}

#stm-dt-link-create-modal.stm-dt-link-edit-sheet .stm-dt-link-create-field .form-control:focus,
#stm-dt-link-create-modal.stm-dt-link-edit-sheet .stm-dt-link-create-field .form-select:focus {
	border-color: #7dd3fc;
	box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.15);
}

#stm-dt-link-create-modal.stm-dt-link-edit-sheet .stm-dt-link-create-card__foot {
	flex: 0 0 auto;
	padding-top: 0.85rem !important;
	border-top: 1px solid #f1f5f9;
	margin-top: 0.35rem;
}

#stm-dt-link-create-modal.stm-dt-link-edit-sheet .stm-dt-link-edit-resize {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 1.15rem;
	height: 1.15rem;
	cursor: nwse-resize;
	z-index: 4;
	opacity: 0.55;
	background:
		linear-gradient(135deg, transparent 0 44%, #98a2b3 44% 48%, transparent 48% 58%, #98a2b3 58% 62%, transparent 62% 100%);
}

#stm-dt-link-create-modal.stm-dt-link-edit-sheet .stm-dt-link-edit-resize:hover {
	opacity: 0.95;
}

@media (max-width: 640px) {
	.stm-dt-expand-field {
		grid-template-columns: 1fr;
		gap: 0.25rem;
		padding: 0.65rem 0;
	}

	.stm-dt-expand-field__label {
		margin-top: 0;
	}

	#stm-dt-expand-modal .stm-dt-expand-field[data-field-type="ramaya_record_id"],
	#stm-dt-expand-modal .stm-dt-expand-field[data-field-type="record_id"],
	#stm-dt-expand-modal .stm-dt-expand-field[data-field-key="record_id"] {
		display: none !important;
	}

	#stm-dt-expand-modal #stm-dt-expand-title,
	#stm-dt-expand-modal .stm-dt-expand-card__title {
		display: none !important;
	}

	#stm-dt-expand-modal .stm-dt-expand-card__eyebrow {
		font-size: 0.78rem;
		letter-spacing: 0.02em;
		text-transform: none;
		color: #101828;
		font-weight: 650;
	}

	#stm-dt-expand-modal .stm-dt-expand-card__foot {
		flex-direction: column;
		align-items: stretch;
	}
}

.stm-dt-fill-handle {
	position: fixed;
	z-index: 100080;
	width: 14px;
	height: 14px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border: 2px solid #fff;
	border-radius: 2px;
	background: #111827;
	box-shadow: 0 0 0 1px #111827;
	cursor: crosshair;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
}

.stm-dt-fill-handle.is-hot {
	pointer-events: auto;
	opacity: 1;
	visibility: visible;
}

.stm-dt-selection-sum {
	position: fixed;
	z-index: 100085;
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	max-width: min(280px, 70vw);
	padding: 0.28rem 0.55rem;
	border-radius: 8px;
	background: #0f172a;
	color: #f8fafc;
	font-size: 0.78rem;
	font-weight: 650;
	letter-spacing: -0.01em;
	font-variant-numeric: tabular-nums;
	box-shadow:
		0 0 0 1px rgba(15, 23, 42, 0.2),
		0 8px 20px rgba(15, 23, 42, 0.22);
	pointer-events: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.stm-dt-selection-sum__label {
	opacity: 0.72;
	font-weight: 700;
}

.stm-dt-selection-sum__value {
	font-weight: 700;
}

.stm-dt-selection-sum__sep {
	opacity: 0.45;
	font-weight: 600;
}

.stm-dt-selection-sum__count {
	opacity: 0.55;
	font-size: 0.68rem;
	font-weight: 600;
}

.stm-dt-fill-handle::before,
.stm-dt-fill-handle::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	background: #fff;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.stm-dt-fill-handle::before {
	width: 8px;
	height: 2px;
}

.stm-dt-fill-handle::after {
	width: 2px;
	height: 8px;
}

.stm-dt-fill-handle:hover,
.stm-dt-fill-handle:active {
	width: 16px;
	height: 16px;
	cursor: crosshair;
}

body.is-dt-filling,
body.is-dt-filling * {
	cursor: crosshair !important;
	user-select: none !important;
}

body.is-dt-selecting,
body.is-dt-selecting * {
	user-select: none !important;
}

#stm-dashboard-root .stm-dt-label-order-list {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	max-height: min(52vh, 22rem);
	overflow: auto;
}

#stm-dashboard-root .stm-dt-label-order-item {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	padding: 0.45rem 0.55rem;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 0.55rem;
}

#stm-dashboard-root .stm-dt-label-order-item__idx {
	flex: 0 0 1.4rem;
	font-size: 0.72rem;
	color: var(--stm-text-muted);
	text-align: center;
}

#stm-dashboard-root .stm-dt-label-order-item__btns {
	margin-left: auto;
	display: inline-flex;
	gap: 0.15rem;
}

#stm-dashboard-root .stm-dt-page-head {
	margin-bottom: 0.25rem;
}

/* Ucapan terima kasih setelah edit (push ke page head) */
#stm-dashboard-root .stm-dt-thanks {
	display: grid;
	grid-template-rows: 0fr;
	opacity: 0;
	transform: translateY(-8px);
	margin: 0;
	overflow: hidden;
	transition:
		grid-template-rows 0.38s cubic-bezier(0.22, 1, 0.36, 1),
		opacity 0.32s ease,
		transform 0.38s cubic-bezier(0.22, 1, 0.36, 1),
		margin 0.32s ease;
	pointer-events: none;
}
#stm-dashboard-root .stm-dt-thanks > .stm-dt-thanks__text {
	min-height: 0;
	overflow: hidden;
}
#stm-dashboard-root .stm-dt-thanks.is-in {
	grid-template-rows: 1fr;
	opacity: 1;
	transform: translateY(0);
	margin: 0.15rem 0 0.1rem;
}
#stm-dashboard-root .stm-dt-thanks.is-out {
	grid-template-rows: 0fr;
	opacity: 0;
	transform: translateY(-6px);
	margin: 0;
}
#stm-dashboard-root .stm-dt-thanks__text {
	font-size: 0.78rem;
	line-height: 1.35;
	color: #0f3d38;
	background: linear-gradient(90deg, rgba(22, 163, 138, 0.14), rgba(22, 163, 138, 0.04));
	border-left: 3px solid #0f766e;
	border-radius: 0 6px 6px 0;
	padding: 0.28rem 0.55rem 0.28rem 0.5rem;
}
#stm-dashboard-root .stm-dt-thanks__text strong {
	font-weight: 700;
	color: #115e59;
}
#stm-dashboard-root .stm-dt-thanks__text em {
	font-style: normal;
	font-weight: 650;
	color: #134e4a;
}

#stm-dashboard-root #stm-dt-list-msg.stm-dt-list-msg--presence {
	color: #0f4c5c;
	font-weight: 550;
}

/* Ciutkan panel atas Data Table */
#stm-dashboard-root .stm-dt-chrome {
	display: flex;
	flex-direction: column;
	gap: 0;
	flex-shrink: 0;
	min-width: 0;
}

#stm-dashboard-root .stm-dt-chrome-collapsible {
	display: flex;
	flex-direction: column;
	gap: 0;
	min-width: 0;
}

#stm-dashboard-root .stm-dt-page-head .stm-page-head__actions {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	flex-wrap: wrap;
	justify-content: flex-end;
}

#stm-dashboard-root .stm-dt-chrome-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.5rem;
	height: 1.5rem;
	padding: 0;
	border: 1px solid var(--stm-border, #e4e7ec);
	border-radius: 6px;
	background: var(--stm-surface, #fff);
	color: var(--stm-text-muted, #667085);
	cursor: pointer;
	flex-shrink: 0;
	transition: color 140ms ease, background 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}

#stm-dashboard-root .stm-dt-chrome-toggle:hover {
	color: var(--stm-text, #101828);
	background: var(--stm-surface-muted, #f8fafc);
	border-color: #d0d5dd;
}

#stm-dashboard-root .stm-dt-chrome-toggle:focus-visible {
	outline: none;
	border-color: #98a2b3;
	box-shadow: 0 0 0 3px rgba(16, 24, 40, 0.06);
}

#stm-dashboard-root .stm-dt-chrome-toggle__icon {
	display: block;
	flex-shrink: 0;
	transition: transform 200ms cubic-bezier(0.22, 1, 0.36, 1);
}

#stm-dashboard-root .stm-dt-chrome-strip {
	display: none;
	align-items: center;
	min-width: 0;
}

#stm-dashboard-root .stm-dt-chrome-strip__extras {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	min-width: 0;
	width: 100%;
}

#stm-dashboard-root .stm-dt-chrome-strip__table {
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--stm-text, #101828);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 14rem;
}

#stm-dashboard-root .stm-dt-chrome-strip__total {
	font-size: 0.72rem;
	color: var(--stm-text-muted, #667085);
	white-space: nowrap;
}

#stm-dashboard-root .stm-dt-chrome-strip__actions {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	margin-left: auto;
	flex-shrink: 0;
}

#stm-dashboard-root #stm-dt-sheet-view.is-chrome-collapsed .stm-dt-chrome-collapsible {
	display: none !important;
}

#stm-dashboard-root #stm-dt-sheet-view.is-chrome-collapsed .stm-dt-chrome-strip {
	display: flex;
	align-items: center;
	padding: 0;
	min-height: 1.75rem;
	border-bottom: 0;
	margin-bottom: 0;
}

#stm-dashboard-root .stm-dt-chrome-strip .btn {
	height: 1.5rem;
	min-height: 1.5rem;
	padding: 0 0.5rem;
	font-size: 0.6875rem;
	line-height: 1;
	border-radius: 5px;
}

#stm-dashboard-root #stm-dt-sheet-view.is-chrome-collapsed .stm-dt-chrome-toggle__icon {
	transform: rotate(180deg);
}

/* ==========================================================================
   Data Table
   ========================================================================== */

#stm-dashboard-root .stm-dt-mobile-layout-toggle {
	display: none;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	padding: 0;
	border: 1px solid var(--stm-border-strong, #e5e7eb);
	border-radius: var(--stm-radius-sm, 8px);
	background: transparent;
	color: var(--stm-text-muted, #64748b);
	cursor: pointer;
	flex: 0 0 auto;
	transition: color 150ms ease, background 150ms ease, border-color 150ms ease;
}

#stm-dashboard-root .stm-dt-mobile-layout-toggle:hover {
	color: var(--stm-text, #101828);
	background: var(--stm-surface-muted, #f3f4f6);
}

#stm-dashboard-root .stm-dt-mobile-layout-toggle .stm-dt-mobile-layout-toggle__grid {
	display: none;
}

#stm-dashboard-root .stm-dt-mobile-layout-toggle.is-cards .stm-dt-mobile-layout-toggle__cards {
	display: none;
}

#stm-dashboard-root .stm-dt-mobile-layout-toggle.is-cards .stm-dt-mobile-layout-toggle__grid {
	display: block;
}

#stm-dashboard-root .stm-dt-mobile-feed {
	display: none;
	flex: 1 1 auto;
	min-height: 0;
	flex-direction: column;
	gap: 0.65rem;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding: 0.15rem 0 4.5rem;
	overscroll-behavior: contain;
}

#stm-dashboard-root .stm-dt-mobile-feed__toolbar {
	display: none;
}

#stm-dashboard-root .stm-dt-mobile-view-settings {
	appearance: none;
	display: none;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	padding: 0;
	border: 1px solid var(--stm-border-strong, #e5e7eb);
	border-radius: var(--stm-radius-sm, 8px);
	background: transparent;
	color: var(--stm-text-muted, #64748b);
	cursor: pointer;
	flex: 0 0 auto;
	transition: color 150ms ease, background 150ms ease, border-color 150ms ease;
	-webkit-tap-highlight-color: transparent;
}

#stm-dashboard-root .stm-dt-mobile-view-settings:hover {
	color: var(--stm-text, #101828);
	background: var(--stm-surface-muted, #f3f4f6);
}

#stm-dashboard-root .stm-dt-mobile-view-settings.is-active {
	border-color: #84caff;
	color: #175cd3;
	background: #eff8ff;
}

#stm-dashboard-root .stm-dt-mobile-view-settings.is-open {
	border-color: #98a2b3;
	box-shadow: 0 0 0 3px rgba(152, 162, 179, 0.2);
}

#stm-dashboard-root .stm-dt-mobile-view-menu {
	position: fixed;
	z-index: 120160;
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
	min-width: 11.5rem;
	padding: 0.4rem;
	border: 1px solid #e4e7ec;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12);
}

#stm-dashboard-root .stm-dt-mobile-view-menu.d-none {
	display: none;
}

#stm-dashboard-root .stm-dt-mobile-view-menu__btn {
	appearance: none;
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	width: 100%;
	min-height: 2.2rem;
	padding: 0.45rem 0.55rem;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: #1d2939;
	font-size: 0.82rem;
	font-weight: 600;
	text-align: left;
	cursor: pointer;
}

#stm-dashboard-root .stm-dt-mobile-view-menu__btn:hover,
#stm-dashboard-root .stm-dt-mobile-view-menu__btn:active {
	background: #f2f4f7;
}

#stm-dashboard-root .stm-dt-mobile-view-menu__btn.is-active {
	background: #eff8ff;
	color: #175cd3;
}

#stm-dashboard-root .stm-dt-mobile-feed__list {
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
}

#stm-dashboard-root .stm-dt-mobile-card {
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
	padding: 0.95rem 0.9rem 0.85rem 1rem;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	background:
		linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.9) inset,
		0 1px 2px rgba(15, 23, 42, 0.04),
		0 6px 16px rgba(15, 23, 42, 0.04);
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: transform 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease;
	position: relative;
	overflow: hidden;
}

#stm-dashboard-root .stm-dt-mobile-card::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	background: #cbd5e1;
}

#stm-dashboard-root .stm-dt-mobile-card.is-warna-red::before { background: #f97066; }
#stm-dashboard-root .stm-dt-mobile-card.is-warna-rose::before { background: #fda29b; }
#stm-dashboard-root .stm-dt-mobile-card.is-warna-orange::before { background: #fd853a; }
#stm-dashboard-root .stm-dt-mobile-card.is-warna-amber::before { background: #f79009; }
#stm-dashboard-root .stm-dt-mobile-card.is-warna-yellow::before { background: #fdb022; }
#stm-dashboard-root .stm-dt-mobile-card.is-warna-lime::before { background: #a3e635; }
#stm-dashboard-root .stm-dt-mobile-card.is-warna-green::before { background: #32d583; }
#stm-dashboard-root .stm-dt-mobile-card.is-warna-mint::before { background: #6ce9a6; }
#stm-dashboard-root .stm-dt-mobile-card.is-warna-teal::before { background: #2ed3b7; }
#stm-dashboard-root .stm-dt-mobile-card.is-warna-cyan::before { background: #22d3ee; }
#stm-dashboard-root .stm-dt-mobile-card.is-warna-sky::before { background: #38bdf8; }
#stm-dashboard-root .stm-dt-mobile-card.is-warna-blue::before { background: #53b1fd; }
#stm-dashboard-root .stm-dt-mobile-card.is-warna-indigo::before { background: #8098f9; }
#stm-dashboard-root .stm-dt-mobile-card.is-warna-purple::before { background: #b692f6; }
#stm-dashboard-root .stm-dt-mobile-card.is-warna-violet::before { background: #a78bfa; }
#stm-dashboard-root .stm-dt-mobile-card.is-warna-pink::before { background: #faa7e0; }
#stm-dashboard-root .stm-dt-mobile-card.is-warna-fuchsia::before { background: #e879f9; }
#stm-dashboard-root .stm-dt-mobile-card.is-warna-brown::before { background: #b54708; }
#stm-dashboard-root .stm-dt-mobile-card.is-warna-gray::before,
#stm-dashboard-root .stm-dt-mobile-card.is-warna-slate::before { background: #98a2b3; }
#stm-dashboard-root .stm-dt-mobile-card.is-warna-black::before { background: #344054; }

#stm-dashboard-root .stm-dt-mobile-card:active {
	transform: scale(0.988);
}

#stm-dashboard-root .stm-dt-mobile-card:focus-visible {
	outline: 2px solid #84caff;
	outline-offset: 2px;
}

#stm-dashboard-root .stm-dt-mobile-card__head {
	display: flex;
	align-items: flex-start;
	gap: 0.55rem;
	min-width: 0;
	padding-left: 0.35rem;
	padding-top: 0.1rem;
}

#stm-dashboard-root .stm-dt-mobile-card__index {
	flex: 0 0 auto;
	min-width: 1.4rem;
	height: 1.4rem;
	margin-top: 0.15rem;
	padding: 0 0.28rem;
	border-radius: 7px;
	background: #0f172a;
	color: #fff;
	font-size: 0.62rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

#stm-dashboard-root .stm-dt-mobile-card__index.is-paid {
	background: #16a34a;
	color: #fff;
}

#stm-dashboard-root .stm-dt-mobile-card__index.is-pending {
	background: #ea580c;
	color: #fff;
}

#stm-dashboard-root .stm-dt-mobile-card__index.is-cancel {
	background: #64748b;
	color: #fff;
}

#stm-dashboard-root .stm-dt-mobile-card__index.is-unknown {
	background: #94a3b8;
	color: #fff;
}

#stm-dashboard-root .stm-dt-mobile-card__head-main {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 0.18rem;
	padding-top: 0.12rem;
}

#stm-dashboard-root .stm-dt-mobile-card__title-row {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	min-width: 0;
}

#stm-dashboard-root .stm-dt-mobile-card__title {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	font-size: 0.92rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: #0f172a;
	line-height: 1.25;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#stm-dashboard-root .stm-dt-mobile-card__ai {
	flex: 0 0 auto;
	width: 1.55rem;
	height: 1.55rem;
	border-radius: 7px;
	background: #f0f9ff;
	border-color: #bae6fd;
	color: #0369a1;
	-webkit-tap-highlight-color: transparent;
}

#stm-dashboard-root .stm-dt-mobile-card__ai:hover,
#stm-dashboard-root .stm-dt-mobile-card__ai:focus-visible {
	background: #e0f2fe;
	border-color: #7dd3fc;
}

#stm-dashboard-root .stm-dt-mobile-card__tools {
	position: relative;
	flex: 0 0 auto;
	z-index: 2;
}

#stm-dashboard-root .stm-dt-mobile-card__tools-toggle {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.55rem;
	height: 1.55rem;
	padding: 0;
	border-radius: 7px;
	border: 1px solid #e4e7ec;
	background: #fff;
	color: #667085;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

#stm-dashboard-root .stm-dt-mobile-card__tools-toggle:hover,
#stm-dashboard-root .stm-dt-mobile-card__tools-toggle:focus-visible,
#stm-dashboard-root .stm-dt-mobile-card__tools.is-open .stm-dt-mobile-card__tools-toggle {
	background: #f8fafc;
	border-color: #d0d5dd;
	color: #344054;
	outline: none;
}

#stm-dashboard-root .stm-dt-mobile-card__tools-panel {
	display: none;
	position: absolute;
	top: calc(100% + 0.28rem);
	right: 0;
	align-items: center;
	gap: 0.28rem;
	padding: 0.28rem;
	border-radius: 10px;
	border: 1px solid #e4e7ec;
	background: #fff;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12);
	z-index: 30;
}

#stm-dashboard-root .stm-dt-mobile-card__tools.is-open .stm-dt-mobile-card__tools-panel {
	display: inline-flex;
}

#stm-dashboard-root .stm-dt-mobile-card__tool,
#stm-dashboard-root .stm-dt-mobile-card__wa,
#stm-dashboard-root .stm-dt-mobile-card__voucher {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.55rem;
	height: 1.55rem;
	padding: 0;
	border-radius: 7px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

#stm-dashboard-root .stm-dt-mobile-card__tool--wa,
#stm-dashboard-root .stm-dt-mobile-card__wa {
	border: 1px solid #a6f4c5;
	background: #ecfdf3;
	color: #039855;
}

#stm-dashboard-root .stm-dt-mobile-card__tool--wa:hover,
#stm-dashboard-root .stm-dt-mobile-card__tool--wa:focus-visible,
#stm-dashboard-root .stm-dt-mobile-card__wa:hover,
#stm-dashboard-root .stm-dt-mobile-card__wa:focus-visible {
	background: #d1fadf;
	border-color: #6ce9a6;
	color: #027a48;
	outline: none;
}

#stm-dashboard-root .stm-dt-mobile-card__tool--voucher,
#stm-dashboard-root .stm-dt-mobile-card__voucher {
	border: 1px solid #b2ddff;
	background: #eff8ff;
	color: #175cd3;
}

#stm-dashboard-root .stm-dt-mobile-card__tool--voucher:hover,
#stm-dashboard-root .stm-dt-mobile-card__tool--voucher:focus-visible,
#stm-dashboard-root .stm-dt-mobile-card__voucher:hover,
#stm-dashboard-root .stm-dt-mobile-card__voucher:focus-visible {
	background: #d1e9ff;
	border-color: #84caff;
	color: #1849a9;
	outline: none;
}

#stm-dashboard-root .stm-dt-mobile-card__tool--ai {
	border: 1px solid #bae6fd;
}

#stm-dashboard-root .stm-dt-mobile-card__subtitle {
	display: inline-flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 0.2rem 0.45rem;
	min-width: 0;
}

#stm-dashboard-root .stm-dt-mobile-card__date {
	font-size: 0.72rem;
	font-weight: 650;
	color: #334155;
	font-variant-numeric: tabular-nums;
}

#stm-dashboard-root .stm-dt-mobile-card__time {
	font-size: 0.68rem;
	font-weight: 600;
	color: #64748b;
	font-variant-numeric: tabular-nums;
}

#stm-dashboard-root .stm-dt-mobile-card__trip {
	font-size: 0.66rem;
	font-weight: 600;
	color: #475467;
	max-width: 11rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 0.35rem;
	margin-left: 0.1rem;
	border-left: 1px solid #e4e7ec;
}

#stm-dashboard-root .stm-dt-mobile-card__chevron {
	flex: 0 0 auto;
	color: #94a3b8;
	display: inline-flex;
	margin-top: 0.15rem;
}

#stm-dashboard-root .stm-dt-mobile-card__body {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.35rem;
	padding: 0.55rem 0.55rem 0.45rem;
	margin-left: 0.15rem;
	border-radius: 10px;
	background: #f8fafc;
	border: 1px solid #eef2f7;
}

#stm-dashboard-root .stm-dt-mobile-card__row {
	display: grid;
	grid-template-columns: minmax(4.25rem, 30%) minmax(0, 1fr);
	gap: 0.3rem 0.55rem;
	align-items: center;
	min-width: 0;
}

#stm-dashboard-root .stm-dt-mobile-card__row.is-status {
	align-items: start;
}

#stm-dashboard-root .stm-dt-mobile-card__label {
	font-size: 0.62rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #94a3b8;
	line-height: 1.3;
}

#stm-dashboard-root .stm-dt-mobile-card__value {
	min-width: 0;
	font-size: 0.78rem;
	font-weight: 600;
	color: #0f172a;
	line-height: 1.35;
	display: flex;
	flex-wrap: wrap;
	gap: 0.22rem;
	align-items: center;
	overflow-wrap: anywhere;
}

#stm-dashboard-root .stm-dt-mobile-card__empty {
	color: #cbd5e1;
}

#stm-dashboard-root .stm-dt-mobile-card__more {
	font-size: 0.62rem;
	font-weight: 700;
	color: #64748b;
	background: #e2e8f0;
	border-radius: 999px;
	padding: 0.08rem 0.35rem;
}

#stm-dashboard-root .stm-dt-mobile-card__value .stm-dt-choice-chip {
	font-size: 0.65rem;
	padding: 0.12rem 0.42rem;
}

#stm-dashboard-root .stm-dt-mobile-card__value .stm-dt-time-cell--split {
	font-size: 0.75rem;
}

#stm-dashboard-root .stm-dt-mobile-feed__more {
	appearance: none;
	align-self: center;
	margin: 0.25rem 0 0;
	padding: 0.55rem 1.1rem;
	border: 1px solid var(--stm-dt-line, #e8ecf2);
	border-radius: 999px;
	background: #fff;
	color: var(--stm-dt-ink-muted, #64748b);
	font-size: 0.78rem;
	font-weight: 600;
	cursor: pointer;
}

#stm-dashboard-root .stm-dt-mobile-feed__more:disabled {
	opacity: 0.55;
	cursor: wait;
}

#stm-dashboard-root .stm-dt-mobile-feed__empty {
	margin: 1.5rem 0.5rem;
	text-align: center;
	color: #94a3b8;
	font-size: 0.85rem;
}

#stm-dashboard-root .stm-dt-mobile-fab {
	position: fixed;
	right: max(1rem, env(safe-area-inset-right));
	bottom: max(1.15rem, env(safe-area-inset-bottom));
	z-index: 1040;
	width: 3.25rem;
	height: 3.25rem;
	border: 0;
	border-radius: 999px;
	background: #0f172a;
	color: #fff;
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.28);
	display: none;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

#stm-dashboard-root .stm-dt-mobile-fab:active {
	transform: scale(0.96);
}

#stm-dashboard-root #stm-data-table-root.is-mobile-app #stm-dt-grid-shell {
	display: none !important;
}

#stm-dashboard-root #stm-data-table-root.is-mobile-app #stm-dt-mobile-feed {
	display: flex;
}

#stm-dashboard-root #stm-data-table-root.is-mobile-app #stm-dt-mobile-fab:not(.d-none) {
	display: inline-flex;
}

#stm-dashboard-root #stm-data-table-root.is-mobile-app #stm-dt-add-row-m {
	display: none !important;
}

#stm-dashboard-root #stm-data-table-root.is-mobile-app #stm-dt-chrome,
#stm-dashboard-root #stm-data-table-root.is-mobile-app #stm-dt-chrome-collapsible,
#stm-dashboard-root #stm-data-table-root.is-mobile-app #stm-dt-chrome-strip {
	display: none !important;
}

@media (max-width: 767.98px) {
	#stm-dashboard-root:has(#stm-data-table-root) .stm-app-header .stm-dt-mobile-layout-toggle,
	#stm-dashboard-root:has(#stm-data-table-root) .stm-app-header .stm-dt-mobile-view-settings {
		display: inline-flex;
	}

	#stm-dashboard-root #stm-data-table-root #stm-dt-chrome-collapsible,
	#stm-dashboard-root #stm-data-table-root #stm-dt-chrome-strip,
	#stm-dashboard-root #stm-data-table-root #stm-dt-chrome {
		display: none !important;
	}

	/* section */
	#stm-dashboard-root #stm-data-table-root .stm-dt-table--airtable .stm-dt-col-check,
	#stm-dashboard-root #stm-data-table-root .stm-dt-table--airtable .stm-dt-col-no,
	#stm-dashboard-root #stm-data-table-root .stm-dt-table--airtable.table > thead > tr > th.stm-dt-col-check,
	#stm-dashboard-root #stm-data-table-root .stm-dt-table--airtable.table > thead > tr > th.stm-dt-col-no,
	#stm-dashboard-root #stm-data-table-root .stm-dt-table--airtable.table > tbody > tr > td.stm-dt-col-check,
	#stm-dashboard-root #stm-data-table-root .stm-dt-table--airtable.table > tbody > tr > td.stm-dt-col-no,
	#stm-dashboard-root #stm-data-table-root .stm-dt-table--airtable.table > tfoot > tr > td.stm-dt-col-check,
	#stm-dashboard-root #stm-data-table-root .stm-dt-table--airtable.table > tfoot > tr > td.stm-dt-col-no {
		position: static !important;
		left: auto !important;
		z-index: auto !important;
		box-shadow: none !important;
	}

	body.stm-dashboard-page #stm-dashboard-root .stm-main__body:has(#stm-data-table-root) {
		padding: 0.4rem 0.55rem 0.35rem;
		background: #eef1f6;
	}

	#stm-dashboard-root #stm-data-table-root {
		gap: 0.45rem;
	}

	#stm-dashboard-root #stm-dt-sheet-view {
		gap: 0.4rem;
	}

	#stm-dashboard-root #stm-data-table-root .stm-dt-chrome {
		padding: 0.4rem 0.45rem 0.45rem;
		border-radius: 12px;
		position: sticky;
		top: 0;
		z-index: 30;
	}

	#stm-dashboard-root #stm-data-table-root .stm-dt-tabs-row {
		min-height: 2.45rem;
		border-radius: 10px;
	}

	#stm-dashboard-root #stm-data-table-root .stm-dt-view-btn,
	#stm-dashboard-root #stm-data-table-root .stm-dt-toolbar-chip,
	#stm-dashboard-root #stm-data-table-root .stm-dt-chrome-toggle,
	#stm-dashboard-root #stm-data-table-root .stm-dt-toolbar-segment .stm-dt-scope-tab {
		min-height: 2rem;
	}

	#stm-dashboard-root #stm-data-table-root .stm-dt-toolbar__actions {
		gap: 0.28rem;
		padding-bottom: 0.1rem;
	}

	#stm-dashboard-root #stm-data-table-root .stm-dt-list-bar {
		flex-wrap: nowrap;
		align-items: center;
		gap: 0.4rem;
		margin-top: 0.2rem;
		min-height: 1.5rem;
	}

	#stm-dashboard-root #stm-data-table-root .stm-dt-list-bar__status:empty {
		display: none;
	}

	#stm-dashboard-root #stm-data-table-root .stm-dt-list-bar__stats:not(.d-none) {
		width: auto;
		flex: 1 1 auto;
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-start;
		gap: 0;
		padding: 0.28rem 0.45rem;
		border: 1px solid #e8ecf2;
		border-radius: 999px;
		background: rgba(255, 255, 255, 0.88);
	}

	#stm-dashboard-root #stm-data-table-root .stm-dt-list-stat {
		padding: 0 0.45rem;
		border: 0;
		border-right: 1px solid #eef1f5;
		border-radius: 0;
		background: transparent;
	}

	#stm-dashboard-root #stm-data-table-root .stm-dt-list-stat:first-child {
		padding-left: 0.1rem;
	}

	#stm-dashboard-root #stm-data-table-root .stm-dt-list-stat:last-child {
		padding-right: 0.1rem;
		border-right: 0;
	}

	#stm-dashboard-root #stm-data-table-root .stm-dt-list-stat__label {
		font-size: 0.58rem;
	}

	#stm-dashboard-root #stm-data-table-root .stm-dt-list-stat__value {
		font-size: 0.72rem;
	}

	/* Expand modal = bottom sheet app style */
	#stm-dt-expand-modal.stm-dt-expand-sheet .modal-dialog {
		margin: 0;
		max-width: 100%;
		height: 100%;
		min-height: 100%;
	}

	#stm-dt-expand-modal.stm-dt-expand-sheet .modal-content.stm-dt-expand-card {
		min-height: 100%;
		border-radius: 16px 16px 0 0;
		border: 0;
	}

	#stm-dt-expand-modal.stm-dt-expand-sheet .modal-dialog-centered {
		align-items: flex-end;
	}
}

@media (min-width: 768px) {
	#stm-dashboard-root #stm-data-table-root.is-mobile-app #stm-dt-grid-shell {
		display: flex !important;
	}

	#stm-dashboard-root #stm-data-table-root.is-mobile-app #stm-dt-mobile-feed,
	#stm-dashboard-root #stm-data-table-root.is-mobile-app #stm-dt-mobile-fab {
		display: none !important;
	}
}


/* section */
#stm-dashboard-root .stm-panel--automation {
	max-width: 920px;
}

#stm-dashboard-root .stm-automation-hero {
	margin: 0 0 1.25rem;
	padding: 1.15rem 1.25rem;
	border: 1px solid #e4e7ec;
	border-radius: 14px;
	background:
		radial-gradient(90% 120% at 0% 0%, rgba(14, 165, 233, 0.08), transparent 55%),
		linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}

#stm-dashboard-root .stm-automation-hero__eyebrow {
	margin: 0 0 0.35rem;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #667085;
}

#stm-dashboard-root .stm-automation-hero__title {
	margin: 0 0 0.4rem;
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: #101828;
	line-height: 1.3;
}

#stm-dashboard-root .stm-automation-hero__lead {
	margin: 0;
	font-size: 0.875rem;
	color: #475467;
	max-width: 38rem;
	line-height: 1.5;
}

#stm-dashboard-root .stm-automation-section-title {
	margin: 0 0 0.75rem;
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	color: #344054;
}

#stm-dashboard-root .stm-automation-cap-list {
	list-style: none;
	margin: 0 0 1.35rem;
	padding: 0;
	display: grid;
	gap: 0.55rem;
}

@media (min-width: 768px) {
	#stm-dashboard-root .stm-automation-cap-list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

#stm-dashboard-root .stm-automation-cap {
	display: flex;
	align-items: flex-start;
	gap: 0.65rem;
	margin: 0;
	padding: 0.85rem 0.9rem;
	border: 1px solid #e4e7ec;
	border-radius: 12px;
	background: #fff;
}

#stm-dashboard-root .stm-automation-cap__icon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 8px;
	background: #f0f9ff;
	color: #026aa2;
}

#stm-dashboard-root .stm-automation-cap__body {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	min-width: 0;
}

#stm-dashboard-root .stm-automation-cap__body strong {
	font-size: 0.84rem;
	font-weight: 650;
	color: #101828;
}

#stm-dashboard-root .stm-automation-cap__body span {
	font-size: 0.78rem;
	color: #667085;
	line-height: 1.4;
}

#stm-dashboard-root .stm-automation-empty__card {
	padding: 1.25rem 1.2rem;
	border: 1px dashed #d0d5dd;
	border-radius: 12px;
	background: #fcfcfd;
	text-align: left;
}

#stm-dashboard-root .stm-automation-empty__title {
	margin: 0 0 0.3rem;
	font-size: 0.92rem;
	font-weight: 650;
	color: #101828;
}

#stm-dashboard-root .stm-automation-empty__desc {
	margin: 0;
	font-size: 0.8125rem;
	color: #667085;
	line-height: 1.45;
	max-width: 36rem;
}

#stm-dashboard-root .stm-automation-capabilities {
	margin: 0 0 1rem;
}

#stm-dashboard-root .stm-automation-cap.is-active {
	display: flex;
	gap: 0.75rem;
	align-items: flex-start;
	padding: 0.85rem 1rem;
	border: 1px solid #d0d5dd;
	border-radius: 12px;
	background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}

#stm-dashboard-root .stm-automation-layout {
	display: grid;
	gap: 1rem;
}

@media (min-width: 992px) {
	#stm-dashboard-root .stm-automation-layout {
		grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
		align-items: start;
	}
}

#stm-dashboard-root .stm-automation-rule {
	display: flex;
	gap: 0.75rem;
	justify-content: space-between;
	align-items: flex-start;
	padding: 0.85rem 1rem;
	border: 1px solid #e4e7ec;
	border-radius: 12px;
	background: #fff;
	margin-bottom: 0.55rem;
}

#stm-dashboard-root .stm-automation-rule.is-off {
	opacity: 0.62;
}

#stm-dashboard-root .stm-automation-rule__main {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	min-width: 0;
}

#stm-dashboard-root .stm-automation-rule__main strong {
	font-size: 0.9rem;
	color: #101828;
}

#stm-dashboard-root .stm-automation-rule__meta {
	font-size: 0.75rem;
	color: #667085;
	line-height: 1.35;
}

#stm-dashboard-root .stm-automation-rule__actions {
	display: flex;
	gap: 0.25rem;
	flex-shrink: 0;
}

#stm-dashboard-root .stm-automation-editor {
	padding: 1rem;
	border: 1px solid #e4e7ec;
	border-radius: 12px;
	background: #fff;
}

#stm-dashboard-root .stm-automation-editor__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	margin-bottom: 0.85rem;
}

#stm-dashboard-root .stm-automation-form .stm-ui-label {
	display: block;
	margin: 0.65rem 0 0.25rem;
	font-size: 0.72rem;
	font-weight: 600;
	color: #475467;
}

#stm-dashboard-root .stm-automation-form__grid {
	display: grid;
	gap: 0.55rem;
}

@media (min-width: 576px) {
	#stm-dashboard-root .stm-automation-form__grid {
		grid-template-columns: 1fr 1fr;
	}
}

#stm-dashboard-root .stm-automation-form__block {
	margin-top: 0.85rem;
	padding-top: 0.75rem;
	border-top: 1px solid #f2f4f7;
}

#stm-dashboard-root .stm-automation-form__block-title {
	margin: 0 0 0.35rem;
	font-size: 0.78rem;
	font-weight: 700;
	color: #101828;
}

#stm-dashboard-root .stm-automation-maps {
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
}

#stm-dashboard-root .stm-automation-map-row {
	display: grid;
	grid-template-columns: 1fr 1fr auto;
	gap: 0.35rem;
	align-items: center;
}

@media (min-width: 576px) {
	#stm-dashboard-root .stm-automation-map-row {
		grid-template-columns: 1.1fr 1fr 1fr auto;
	}
}

#stm-dashboard-root .stm-automation-check {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	font-size: 0.8125rem;
	color: #344054;
	cursor: pointer;
}

#stm-dashboard-root .stm-automation-form__foot {
	margin-top: 1rem;
	padding-top: 0.75rem;
	border-top: 1px solid #f2f4f7;
}

#stm-dashboard-root #stm-automation-msg.is-error {
	color: #b42318;
}

/* section */
.stm-dt-robot-console {
	--rr-bg: #13261f;
	--rr-fg: #b7f5d8;
	--rr-dim: #6fa88c;
	--rr-ok: #7dffa8;
	--rr-err: #ffb4a8;
	--rr-sys: #9ad4ff;
	--rr-stage: 9.5rem;
	position: fixed;
	z-index: 120080;
	right: 1.25rem;
	bottom: 1.25rem;
	width: min(52rem, calc(100vw - 1.5rem));
	height: min(70vh, 34rem);
	max-height: min(88vh, 40rem);
	display: flex;
	flex-direction: column;
	padding: 0.85rem 1rem 0.9rem;
	border: 1px solid #2a4a3c;
	border-radius: 16px;
	background:
		linear-gradient(180deg, rgba(20, 48, 38, 0.98), rgba(12, 28, 22, 0.99)),
		repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 0, 0, 0.08) 2px, rgba(0, 0, 0, 0.08) 3px);
	color: var(--rr-fg);
	font-family: "IBM Plex Mono", "Cascadia Code", Consolas, monospace;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.04),
		0 18px 48px -14px rgba(8, 20, 16, 0.65);
}

.stm-dt-ramaya-cmd-backdrop {
	position: fixed;
	inset: 0;
	z-index: 120085;
	background: rgba(8, 16, 14, 0.48);
}

.stm-dt-ramaya-cmd-backdrop[hidden] {
	display: none !important;
}

.stm-dt-robot-console--ramaya-cmd {
	left: 50%;
	top: 50%;
	right: auto;
	bottom: auto;
	transform: translate(-50%, -50%);
	width: min(22.5rem, calc(100vw - 1.75rem));
	height: auto;
	max-height: none;
	z-index: 120090;
	padding: 0.75rem 0.85rem 0.9rem;
}

.stm-dt-ramaya-cmd__body {
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
	padding-top: 0.55rem;
}

.stm-dt-ramaya-cmd__hello {
	margin: 0;
	font-size: 0.78rem;
	line-height: 1.4;
	color: var(--rr-dim, #6fa88c);
}

.stm-dt-ramaya-cmd__meta {
	margin: 0;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	color: var(--rr-ok, #7dffa8);
}

.stm-dt-ramaya-cmd__actions {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}

.stm-dt-ramaya-cmd__opt {
	width: 100%;
	justify-content: flex-start;
	text-align: left;
	min-height: 2.35rem;
	padding: 0.45rem 0.7rem;
	white-space: normal;
}

.stm-dt-robot-console[hidden] {
	display: none !important;
}

.stm-dt-robot-console.is-live .stm-dt-robot-console__led {
	background: #7dffa8;
	box-shadow: 0 0 10px rgba(125, 255, 168, 0.75);
	animation: stm-dt-robot-pulse 1.1s ease-in-out infinite;
}

.stm-dt-robot-console.is-done .stm-dt-robot-console__status {
	color: var(--rr-ok);
}

.stm-dt-robot-console.is-ready .stm-dt-robot-console__status {
	color: var(--rr-sys);
}

.stm-dt-robot-console.is-intro,
.stm-dt-robot-console.is-ask,
.stm-dt-robot-console.is-merge-talk {
	height: min(68vh, 32rem);
}

.stm-dt-robot-console__intro {
	display: grid;
	grid-template-columns: var(--rr-stage) minmax(0, 1fr);
	gap: 1rem 1.35rem;
	align-items: center;
	flex: 1 1 auto;
	min-height: 0;
	padding: 0.35rem 0.15rem 0.25rem;
}

.stm-dt-robot-console__intro[hidden] {
	display: none !important;
}

.stm-dt-robot-console__intro-stage {
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: stretch;
}

.stm-dt-robot-desk--hero {
	max-width: 9.5rem;
	width: 100%;
	filter: drop-shadow(0 0 12px rgba(125, 255, 168, 0.28));
}

.stm-dt-robot-console.is-intro .stm-dt-robot-desk__bot {
	transform-origin: 80px 78px;
	animation: stm-dt-robot-bounce 1.15s ease-in-out infinite;
}

.stm-dt-robot-console.is-intro .stm-dt-robot-desk__antenna-tip {
	animation: stm-dt-robot-antenna 0.9s ease-in-out infinite;
}

.stm-dt-robot-console.is-intro .stm-dt-robot-desk__eye {
	animation: stm-dt-robot-blink-eye 2.8s step-end infinite;
}

.stm-dt-robot-console.is-intro .stm-dt-robot-desk__wave {
	transform-origin: 96px 58px;
	animation: stm-dt-robot-wave 0.85s ease-in-out infinite;
	opacity: 0.95;
}

.stm-dt-robot-console__intro-copy {
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0.45rem;
	padding-right: 0.25rem;
}

.stm-dt-robot-console__intro-copy > p {
	margin: 0;
	opacity: 0;
	transform: translateY(0.65rem);
	transition: opacity 0.45s ease, transform 0.45s ease;
}

.stm-dt-robot-console__intro-copy > p.is-in {
	opacity: 1;
	transform: translateY(0);
}

.stm-dt-robot-console__intro-hello {
	font-size: clamp(1.45rem, 2.8vw, 2rem);
	font-weight: 800;
	letter-spacing: 0.02em;
	color: #e7fff4;
	line-height: 1.15;
	text-shadow: 0 0 18px rgba(125, 255, 168, 0.35);
}

.stm-dt-robot-console__intro-name {
	font-size: clamp(1.05rem, 2.1vw, 1.4rem);
	font-weight: 700;
	color: var(--rr-ok);
	line-height: 1.3;
}

.stm-dt-robot-console__intro-role {
	font-size: clamp(0.88rem, 1.5vw, 1.02rem);
	color: var(--rr-fg);
	line-height: 1.45;
	max-width: 34rem;
}

.stm-dt-robot-console__intro-ask {
	font-size: clamp(0.98rem, 1.7vw, 1.18rem);
	font-weight: 700;
	color: #d8fff0;
	line-height: 1.35;
	margin-top: 0.25rem !important;
}

.stm-dt-robot-console__intro-cta {
	align-self: flex-start;
	margin-top: 0.65rem;
	opacity: 0;
	transform: translateY(0.5rem);
	transition: opacity 0.4s ease, transform 0.4s ease, box-shadow 0.2s ease;
	font-size: 0.82rem;
	padding: 0.48rem 0.95rem;
}

.stm-dt-robot-console__intro-cta:not([hidden]) {
	opacity: 1;
	transform: translateY(0);
}

.stm-dt-robot-console__body[hidden] {
	display: none !important;
}

.stm-dt-robot-console.is-ask .stm-dt-robot-console__screen,
.stm-dt-robot-console.is-ask .stm-dt-robot-console__cursor-line,
.stm-dt-robot-console.is-merge-talk .stm-dt-robot-console__screen,
.stm-dt-robot-console.is-merge-talk .stm-dt-robot-console__cursor-line {
	display: none;
}

.stm-dt-robot-console__speech {
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0.55rem;
	padding: 0.35rem 0.15rem 0.15rem;
}

.stm-dt-robot-console__speech[hidden] {
	display: none !important;
}

.stm-dt-robot-console__speech-kicker {
	margin: 0;
	font-size: 0.72rem;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--rr-dim);
}

.stm-dt-robot-console__speech-title {
	margin: 0;
	font-size: clamp(1.15rem, 2.2vw, 1.55rem);
	font-weight: 800;
	line-height: 1.35;
	color: #e7fff4;
	text-shadow: 0 0 18px rgba(125, 255, 168, 0.28);
	max-width: 36rem;
}

.stm-dt-robot-console__speech-body {
	margin: 0;
	font-size: clamp(0.88rem, 1.45vw, 1.02rem);
	line-height: 1.5;
	color: var(--rr-fg);
	max-width: 36rem;
}

.stm-dt-robot-console__speech-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
	margin-top: 0.45rem;
	align-items: center;
}

.stm-dt-robot-console.is-merge-talk .stm-dt-robot-console__speech-title {
	color: var(--rr-ok);
}

.stm-dt-robot-console__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem 0.6rem;
	margin-bottom: 0.55rem;
	flex: 0 0 auto;
}

.stm-dt-robot-console__progress {
	flex: 0 0 auto;
	margin: 0 0 0.75rem;
	padding: 0.7rem 0.8rem 0.65rem;
	border-radius: 12px;
	border: 1px solid rgba(125, 255, 168, 0.16);
	background:
		linear-gradient(180deg, rgba(16, 48, 36, 0.72) 0%, rgba(8, 28, 20, 0.55) 100%);
	box-shadow:
		0 0 0 1px rgba(0, 0, 0, 0.25) inset,
		0 8px 20px -14px rgba(0, 0, 0, 0.55);
}

.stm-dt-robot-console__progress[hidden] {
	display: none !important;
}

.stm-dt-robot-console__progress-top {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.75rem;
	margin-bottom: 0.45rem;
}

.stm-dt-robot-console__progress-label {
	font-size: 0.72rem;
	font-weight: 650;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #b7ffd8;
}

.stm-dt-robot-console__progress-pct {
	font-variant-numeric: tabular-nums;
	font-size: 0.92rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	color: #ecfdf5;
	text-shadow: 0 0 12px rgba(52, 211, 153, 0.35);
}

.stm-dt-robot-console__progress-track {
	position: relative;
	height: 0.55rem;
	border-radius: 999px;
	overflow: hidden;
	background: rgba(6, 24, 17, 0.88);
	box-shadow:
		0 0 0 1px rgba(125, 255, 168, 0.1) inset,
		0 1px 2px rgba(0, 0, 0, 0.35) inset;
}

.stm-dt-robot-console__progress-fill {
	position: absolute;
	inset: 0 auto 0 0;
	width: 0%;
	border-radius: inherit;
	background:
		linear-gradient(90deg, #047857 0%, #10b981 42%, #6ee7b7 78%, #a7f3d0 100%);
	box-shadow:
		0 0 14px rgba(52, 211, 153, 0.45),
		0 0 2px rgba(167, 243, 208, 0.8) inset;
	transition: width 0.55s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: width;
}

.stm-dt-robot-console__progress-glow {
	position: absolute;
	top: -40%;
	right: -0.15rem;
	width: 1.1rem;
	height: 180%;
	border-radius: 999px;
	background: radial-gradient(circle, rgba(236, 253, 245, 0.95) 0%, rgba(110, 231, 183, 0.35) 45%, transparent 72%);
	filter: blur(0.5px);
	opacity: 0.9;
	pointer-events: none;
}

.stm-dt-robot-console__progress-shimmer {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		110deg,
		transparent 0%,
		transparent 38%,
		rgba(255, 255, 255, 0.28) 50%,
		transparent 62%,
		transparent 100%
	);
	background-size: 220% 100%;
	animation: stm-dt-robot-progress-shimmer 2.4s ease-in-out infinite;
	pointer-events: none;
}

.stm-dt-robot-console__progress-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	margin-top: 0.4rem;
}

.stm-dt-robot-console__progress-sub {
	font-variant-numeric: tabular-nums;
	font-size: 0.7rem;
	color: rgba(167, 243, 208, 0.78);
}

.stm-dt-robot-console__progress-hint {
	font-size: 0.68rem;
	color: rgba(148, 163, 184, 0.85);
	text-align: right;
}

.stm-dt-robot-console.is-typing .stm-dt-robot-console__progress-fill,
.stm-dt-robot-console.is-live .stm-dt-robot-console__progress-fill {
	animation: stm-dt-robot-progress-pulse 1.8s ease-in-out infinite;
}

.stm-dt-robot-console.is-rest .stm-dt-robot-console__progress-fill {
	filter: saturate(0.85) brightness(0.92);
	animation: none;
}

.stm-dt-robot-console.is-rest .stm-dt-robot-console__progress-shimmer {
	animation-play-state: paused;
	opacity: 0.35;
}

.stm-dt-robot-console.is-done .stm-dt-robot-console__progress-fill {
	background: linear-gradient(90deg, #059669 0%, #34d399 55%, #a7f3d0 100%);
	animation: none;
}

.stm-dt-robot-console.is-done .stm-dt-robot-console__progress-shimmer {
	animation: none;
	opacity: 0;
}

@keyframes stm-dt-robot-progress-shimmer {
	0% { background-position: 120% 0; }
	100% { background-position: -120% 0; }
}

@keyframes stm-dt-robot-progress-pulse {
	0%, 100% { box-shadow: 0 0 12px rgba(52, 211, 153, 0.35), 0 0 2px rgba(167, 243, 208, 0.7) inset; }
	50% { box-shadow: 0 0 20px rgba(110, 231, 183, 0.55), 0 0 3px rgba(236, 253, 245, 0.85) inset; }
}

.stm-dt-robot-console__led {
	width: 0.55rem;
	height: 0.55rem;
	border-radius: 999px;
	background: #4b7a64;
}

.stm-dt-robot-console__title {
	font-size: 0.82rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #d8fff0;
}

.stm-dt-robot-console__job {
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	color: var(--rr-sys);
}

.stm-dt-robot-console__status {
	margin-left: auto;
	font-size: 0.72rem;
	color: var(--rr-dim);
	text-transform: uppercase;
}

.stm-dt-robot-console__close {
	border: 0;
	background: transparent;
	color: var(--rr-dim);
	font-size: 1.25rem;
	line-height: 1;
	cursor: pointer;
	padding: 0 0.15rem;
}

.stm-dt-robot-console__close:hover {
	color: #fff;
}

.stm-dt-robot-console__btn {
	appearance: none;
	border: 1px solid rgba(125, 255, 168, 0.28);
	background: rgba(8, 28, 20, 0.75);
	color: var(--rr-fg);
	font: inherit;
	font-size: 0.78rem;
	padding: 0.42rem 0.85rem;
	border-radius: 8px;
	cursor: pointer;
}

.stm-dt-robot-console__btn:hover:not(:disabled) {
	border-color: rgba(125, 255, 168, 0.5);
	background: rgba(20, 48, 38, 0.95);
}

.stm-dt-robot-console__btn:disabled {
	opacity: 0.45;
	cursor: not-allowed;
}

.stm-dt-robot-console__btn--primary {
	background: linear-gradient(180deg, #1f5c45, #154836);
	border-color: rgba(125, 255, 168, 0.45);
	color: #e7fff4;
	font-weight: 700;
}

.stm-dt-robot-console__btn--ghost {
	border-color: rgba(111, 168, 140, 0.28);
	color: var(--rr-dim);
}

.stm-dt-robot-console__btn--stop {
	border-color: rgba(255, 180, 168, 0.45);
	background: rgba(64, 24, 20, 0.55);
	color: #ffd4cc;
}

.stm-dt-robot-console__btn--stop:hover:not(:disabled) {
	border-color: rgba(255, 180, 168, 0.75);
	background: rgba(90, 30, 24, 0.75);
	color: #ffe8e3;
}

.stm-dt-robot-console__btn--ctrl {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	min-width: 5.5rem;
	justify-content: center;
}

.stm-dt-robot-console__btn-ico {
	font-size: 0.68rem;
	line-height: 1;
	opacity: 0.9;
}

.stm-dt-robot-console__body {
	display: grid;
	grid-template-columns: var(--rr-stage) minmax(0, 1fr);
	gap: 1rem 1.35rem;
	min-height: 0;
	flex: 1 1 auto;
	overflow: hidden;
	align-items: stretch;
}

.stm-dt-robot-console__stage {
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: stretch;
}

.stm-dt-robot-desk {
	width: 100%;
	max-width: 8.5rem;
	height: auto;
}

.stm-dt-robot-desk__floor { fill: #1c3a2e; }
.stm-dt-robot-desk__table { fill: #2d5a45; }
.stm-dt-robot-desk__base { fill: #3d6b55; }
.stm-dt-robot-desk__lid { fill: #254a38; }
.stm-dt-robot-desk__display { fill: #0b1a14; }
.stm-dt-robot-desk__torso { fill: #7dffa8; }
.stm-dt-robot-desk__head { fill: #a7ffcb; }
.stm-dt-robot-desk__eye { fill: #0b1a14; }
.stm-dt-robot-desk__eye-sleep {
	fill: none;
	stroke: #0b1a14;
	stroke-width: 1.8;
	stroke-linecap: round;
	opacity: 0;
}
.stm-dt-robot-desk__zzz { opacity: 0; }
.stm-dt-robot-desk__z {
	fill: #9ad4ff;
	font-size: 9px;
	font-family: "IBM Plex Mono", Consolas, monospace;
	font-weight: 700;
}
.stm-dt-robot-desk__smile { fill: none; stroke: #0b1a14; stroke-width: 1.4; stroke-linecap: round; }
.stm-dt-robot-desk__antenna { stroke: #7dffa8; stroke-width: 1.5; }
.stm-dt-robot-desk__antenna-tip { fill: #7dffa8; }
.stm-dt-robot-desk__hand { fill: #a7ffcb; }
.stm-dt-robot-desk__type-line { fill: #3dff9a; opacity: 0; }
.stm-dt-robot-desk__caption {
	fill: var(--rr-dim);
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}
.stm-dt-robot-desk__caption--work,
.stm-dt-robot-desk__caption--sleep {
	opacity: 0;
}

/* Siaga: diam */
.stm-dt-robot-console:not(.is-typing):not(.is-rest) .stm-dt-robot-console__stage .stm-dt-robot-desk__bot,
.stm-dt-robot-console:not(.is-typing) .stm-dt-robot-console__stage .stm-dt-robot-desk__hand,
.stm-dt-robot-console:not(.is-typing) .stm-dt-robot-console__stage .stm-dt-robot-desk__type-line {
	animation: none !important;
}

/* Bekerja: mengetik (hanya saat is-typing) */
.stm-dt-robot-console.is-typing .stm-dt-robot-console__stage .stm-dt-robot-desk__bot {
	transform-origin: 80px 78px;
	animation: stm-dt-robot-type-bob 0.55s ease-in-out infinite;
}

.stm-dt-robot-console.is-typing .stm-dt-robot-console__stage .stm-dt-robot-desk__hand--l {
	transform-origin: 66px 72px;
	animation: stm-dt-robot-type-l 0.28s ease-in-out infinite;
}

.stm-dt-robot-console.is-typing .stm-dt-robot-console__stage .stm-dt-robot-desk__hand--r {
	transform-origin: 94px 72px;
	animation: stm-dt-robot-type-r 0.28s ease-in-out infinite 0.14s;
}

.stm-dt-robot-console.is-typing .stm-dt-robot-console__stage .stm-dt-robot-desk__type-line {
	animation: stm-dt-robot-type-line 1.1s linear infinite;
}

.stm-dt-robot-console.is-typing .stm-dt-robot-console__stage .stm-dt-robot-desk__type-line--2 {
	animation-delay: 0.2s;
}

.stm-dt-robot-console.is-typing .stm-dt-robot-console__stage .stm-dt-robot-desk__type-line--3 {
	animation-delay: 0.45s;
}

.stm-dt-robot-console.is-typing .stm-dt-robot-console__stage .stm-dt-robot-desk__antenna-tip {
	animation: stm-dt-robot-antenna 0.7s ease-in-out infinite;
}

.stm-dt-robot-console.is-typing .stm-dt-robot-console__stage .stm-dt-robot-desk__display {
	animation: stm-dt-robot-screen-glow 1.2s ease-in-out infinite;
}

.stm-dt-robot-console.is-typing .stm-dt-robot-console__stage .stm-dt-robot-desk__caption--idle,
.stm-dt-robot-console.is-rest .stm-dt-robot-console__stage .stm-dt-robot-desk__caption--idle {
	opacity: 0;
}

.stm-dt-robot-console.is-typing .stm-dt-robot-console__stage .stm-dt-robot-desk__caption--work {
	opacity: 1;
	fill: var(--rr-ok);
}

.stm-dt-robot-console.is-typing .stm-dt-robot-console__stage .stm-dt-robot-desk__caption--sleep,
.stm-dt-robot-console.is-typing .stm-dt-robot-console__stage .stm-dt-robot-desk__eye-sleep,
.stm-dt-robot-console.is-typing .stm-dt-robot-console__stage .stm-dt-robot-desk__zzz {
	opacity: 0;
}

/* Istirahat: tidur */
.stm-dt-robot-console.is-rest .stm-dt-robot-console__stage .stm-dt-robot-desk__bot {
	transform-origin: 80px 78px;
	animation: stm-dt-robot-sleep-bob 2.4s ease-in-out infinite;
}

.stm-dt-robot-console.is-rest .stm-dt-robot-console__stage .stm-dt-robot-desk__eye--awake {
	opacity: 0;
}

.stm-dt-robot-console.is-rest .stm-dt-robot-console__stage .stm-dt-robot-desk__eye-sleep {
	opacity: 1;
}

.stm-dt-robot-console.is-rest .stm-dt-robot-console__stage .stm-dt-robot-desk__zzz {
	opacity: 1;
}

.stm-dt-robot-console.is-rest .stm-dt-robot-console__stage .stm-dt-robot-desk__z--1 {
	animation: stm-dt-robot-zzz 1.8s ease-in-out infinite;
}

.stm-dt-robot-console.is-rest .stm-dt-robot-console__stage .stm-dt-robot-desk__z--2 {
	animation: stm-dt-robot-zzz 1.8s ease-in-out infinite 0.25s;
}

.stm-dt-robot-console.is-rest .stm-dt-robot-console__stage .stm-dt-robot-desk__z--3 {
	animation: stm-dt-robot-zzz 1.8s ease-in-out infinite 0.5s;
}

.stm-dt-robot-console.is-rest .stm-dt-robot-console__stage .stm-dt-robot-desk__caption--work {
	opacity: 0;
}

.stm-dt-robot-console.is-rest .stm-dt-robot-console__stage .stm-dt-robot-desk__caption--sleep {
	opacity: 1;
	fill: var(--rr-sys);
}

.stm-dt-robot-console.is-rest .stm-dt-robot-console__stage .stm-dt-robot-desk__hand {
	animation: none !important;
}

.stm-dt-robot-console.is-rest .stm-dt-robot-console__stage .stm-dt-robot-desk__display {
	fill: #07140f;
}

.stm-dt-robot-console__terminal {
	min-width: 0;
	min-height: 0;
	display: flex;
	flex-direction: column;
	justify-content: stretch;
	overflow: hidden;
	height: 100%;
}

.stm-dt-robot-console__screen {
	flex: 1 1 auto;
	min-height: 0;
	max-height: none;
	overflow: auto;
	padding: 0.35rem 0.15rem;
	font-size: 0.72rem;
	line-height: 1.45;
	scrollbar-width: thin;
}

.stm-dt-robot-console.is-ask .stm-dt-robot-console__terminal,
.stm-dt-robot-console.is-merge-talk .stm-dt-robot-console__terminal {
	justify-content: center;
}

.stm-dt-robot-console__line {
	display: block;
	margin: 0 0 0.2rem;
	color: var(--rr-fg);
	white-space: pre-wrap;
	word-break: break-word;
}

.stm-dt-robot-console__line.is-ok { color: var(--rr-ok); }
.stm-dt-robot-console__line.is-err { color: var(--rr-err); }
.stm-dt-robot-console__line.is-sys { color: var(--rr-sys); }
.stm-dt-robot-console__line.is-heart::before {
	content: "♥ ";
	color: #ff8fab;
}

.stm-dt-robot-console__cursor-line {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.2rem 0;
	border-top: 1px solid rgba(111, 168, 140, 0.25);
	font-size: 0.72rem;
	color: var(--rr-dim);
}

.stm-dt-robot-console__cursor {
	width: 0.45rem;
	height: 0.9em;
	background: var(--rr-ok);
	animation: stm-dt-robot-blink 1s step-end infinite;
}

.stm-dt-robot-console__results {
	margin-top: 0.45rem;
	flex: 1 1 auto;
	min-height: 10rem;
	max-height: none;
	overflow: auto;
	border-top: 1px solid rgba(111, 168, 140, 0.28);
	padding-top: 0.45rem;
}

.stm-dt-robot-console--lg .stm-dt-robot-console__results {
	min-height: 14rem;
}

.stm-dt-robot-console__group {
	margin: 0 0 0.55rem;
	padding: 0.45rem 0.5rem;
	border: 1px solid rgba(125, 255, 168, 0.18);
	border-radius: 8px;
	background: rgba(8, 24, 18, 0.55);
}

.stm-dt-robot-console__group-title {
	font-size: 0.74rem;
	font-weight: 700;
	color: #e7fff4;
	margin-bottom: 0.25rem;
}

.stm-dt-robot-console__group-meta {
	font-size: 0.68rem;
	color: var(--rr-dim);
	margin-bottom: 0.35rem;
}

.stm-dt-robot-console__row-link {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	margin: 0.15rem 0.25rem 0.15rem 0;
	padding: 0.15rem 0.45rem;
	border-radius: 999px;
	border: 1px solid rgba(154, 212, 255, 0.35);
	background: rgba(154, 212, 255, 0.08);
	color: var(--rr-sys);
	font-size: 0.68rem;
	cursor: pointer;
	font-family: inherit;
}

.stm-dt-robot-console__row-link:hover {
	background: rgba(154, 212, 255, 0.18);
}

.stm-dt-robot-console__empty {
	font-size: 0.75rem;
	color: var(--rr-ok);
	padding: 0.35rem 0;
}

@keyframes stm-dt-robot-pulse {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.45; }
}

@keyframes stm-dt-robot-blink {
	50% { opacity: 0; }
}

@keyframes stm-dt-robot-bounce {
	0%, 100% { transform: translateY(0) rotate(0deg); }
	35% { transform: translateY(-5px) rotate(-2deg); }
	70% { transform: translateY(-2px) rotate(2deg); }
}

@keyframes stm-dt-robot-wave {
	0%, 100% { transform: rotate(0deg); opacity: 0.7; }
	50% { transform: rotate(18deg); opacity: 1; }
}

@keyframes stm-dt-robot-antenna {
	0%, 100% { opacity: 1; transform: scale(1); }
	50% { opacity: 0.45; transform: scale(1.35); }
}

@keyframes stm-dt-robot-blink-eye {
	0%, 92%, 100% { opacity: 1; }
	94%, 96% { opacity: 0.15; }
}

@keyframes stm-dt-robot-type-bob {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(1.5px); }
}

@keyframes stm-dt-robot-type-l {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-2.5px); }
}

@keyframes stm-dt-robot-type-r {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-2.5px); }
}

@keyframes stm-dt-robot-type-line {
	0% { opacity: 0.15; width: 8px; }
	40% { opacity: 0.95; }
	100% { opacity: 0.35; }
}

@keyframes stm-dt-robot-screen-glow {
	0%, 100% { fill: #0b1a14; }
	50% { fill: #102820; }
}

@keyframes stm-dt-robot-sleep-bob {
	0%, 100% { transform: translateY(0) rotate(0deg); }
	50% { transform: translateY(1.5px) rotate(-1.5deg); }
}

@keyframes stm-dt-robot-zzz {
	0%, 100% { opacity: 0.35; transform: translateY(0); }
	50% { opacity: 1; transform: translateY(-3px); }
}

@media (prefers-reduced-motion: reduce) {
	.stm-dt-robot-console__progress-fill,
	.stm-dt-robot-console__progress-shimmer,
	.stm-dt-robot-console.is-typing .stm-dt-robot-console__progress-fill,
	.stm-dt-robot-console.is-live .stm-dt-robot-console__progress-fill {
		animation: none !important;
		transition: width 0.2s ease;
	}
}

@media (max-width: 720px) {
	.stm-dt-robot-console,
	.stm-dt-robot-console--lg,
	.stm-dt-robot-console.is-intro,
	.stm-dt-robot-console.is-ask,
	.stm-dt-robot-console.is-merge-talk {
		right: 0.5rem;
		left: 0.5rem;
		bottom: 0.5rem;
		width: auto;
		height: min(86vh, 40rem);
		max-height: min(92vh, 42rem);
	}
	.stm-dt-robot-console__body,
	.stm-dt-robot-console__intro {
		grid-template-columns: 1fr;
		gap: 0.75rem;
		text-align: center;
	}
	.stm-dt-robot-console__stage {
		display: none;
	}
	.stm-dt-robot-console__intro-stage {
		min-height: 7rem;
	}
	.stm-dt-robot-desk--hero {
		max-width: 7.5rem;
	}
	.stm-dt-robot-console__intro-cta,
	.stm-dt-robot-console__speech-actions {
		align-self: center;
		justify-content: center;
	}
	.stm-dt-robot-console__speech-title,
	.stm-dt-robot-console__speech-body {
		margin-left: auto;
		margin-right: auto;
	}
}

#stm-dt-robot-detail-cust-console.stm-dt-robot-console--guest {
	--rr-ok: #9ad4ff;
	--rr-fg: #c8ecff;
	--rr-dim: #7aa8c4;
	border-color: #2a4458;
	background:
		linear-gradient(180deg, rgba(16, 36, 52, 0.98), rgba(10, 22, 34, 0.99)),
		repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 0, 0, 0.08) 2px, rgba(0, 0, 0, 0.08) 3px);
}

#stm-dt-robot-detail-cust-console.is-live .stm-dt-robot-console__led {
	background: #9ad4ff;
	box-shadow: 0 0 10px rgba(154, 212, 255, 0.75);
}

.stm-dt-robot-console__report {
	margin-top: 0.65rem;
	padding: 0.55rem 0.65rem;
	border: 1px solid rgba(154, 212, 255, 0.22);
	border-radius: 10px;
	background: rgba(8, 20, 32, 0.55);
	max-height: 9rem;
	overflow: auto;
}

.stm-dt-robot-console__report[hidden] {
	display: none !important;
}

.stm-dt-robot-console__report-title {
	margin: 0 0 0.35rem;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--rr-ok);
}

.stm-dt-robot-console__report-summary {
	margin: 0 0 0.45rem;
	font-size: 0.78rem;
	color: var(--rr-dim);
}

.stm-dt-robot-console__report-list {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	font-size: 0.76rem;
	line-height: 1.35;
}

.stm-dt-robot-console__report-row {
	padding: 0.2rem 0;
	border-bottom: 1px dashed rgba(154, 212, 255, 0.12);
}

.stm-dt-robot-console__report-row:last-child {
	border-bottom: 0;
}

#stm-dt-robot-detail-cust-console.is-guest-talk .stm-dt-robot-console__screen,
#stm-dt-robot-detail-cust-console.is-guest-talk .stm-dt-robot-console__cursor-line {
	opacity: 0.45;
}

/* section */
#stm-dashboard-root .stm-dt-th__robot {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.125rem;
	height: 1.125rem;
	margin-left: 0.2rem;
	padding: 0;
	border: 1px solid color-mix(in srgb, var(--stm-border-strong, #e5e7eb) 88%, transparent);
	border-radius: 4px;
	background: color-mix(in srgb, var(--stm-surface, #fff) 92%, var(--stm-surface-muted, #f9fafb));
	color: var(--stm-text-subtle, #9ca3af);
	cursor: pointer;
	vertical-align: middle;
	flex-shrink: 0;
	line-height: 1;
	opacity: 0.62;
	box-shadow: none;
	transition:
		opacity var(--stm-ease, 220ms ease),
		border-color var(--stm-ease, 220ms ease),
		background var(--stm-ease, 220ms ease),
		color var(--stm-ease, 220ms ease),
		box-shadow var(--stm-ease, 220ms ease);
}

#stm-dashboard-root .stm-dt-th__robot svg {
	display: block;
	width: 11px;
	height: 11px;
}

#stm-dashboard-root .stm-dt-col-field:hover .stm-dt-th__robot,
#stm-dashboard-root .stm-dt-col-field.is-menu-open .stm-dt-th__robot {
	opacity: 1;
}

#stm-dashboard-root .stm-dt-th__robot:hover,
#stm-dashboard-root .stm-dt-th__robot:focus-visible {
	opacity: 1;
	border-color: color-mix(in srgb, var(--stm-text-muted, #6b7280) 28%, var(--stm-border-strong, #e5e7eb));
	background: var(--stm-surface, #fff);
	color: var(--stm-text, #111827);
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
	outline: none;
}

#stm-dashboard-root .stm-dt-th__robot:active {
	background: var(--stm-surface-muted, #f9fafb);
	box-shadow: none;
	transform: translateY(0.5px);
}

#stm-dashboard-root .stm-dt-th__robot:disabled {
	opacity: 0.38;
	cursor: not-allowed;
	pointer-events: none;
}

#stm-dashboard-root .stm-dt-th__robot--ai {
	border-color: color-mix(in srgb, var(--stm-border-strong, #e5e7eb) 88%, transparent);
	background: color-mix(in srgb, var(--stm-surface, #fff) 92%, var(--stm-surface-muted, #f9fafb));
	color: var(--stm-text-subtle, #9ca3af);
}

#stm-dashboard-root .stm-dt-th__robot--ai:hover,
#stm-dashboard-root .stm-dt-th__robot--ai:focus-visible {
	border-color: color-mix(in srgb, var(--stm-text-muted, #6b7280) 28%, var(--stm-border-strong, #e5e7eb));
	background: var(--stm-surface, #fff);
	color: var(--stm-text, #111827);
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

.stm-dt-ai-col-batch-menu {
	position: fixed;
	z-index: 120090;
	min-width: 15.5rem;
	max-width: min(20rem, calc(100vw - 1rem));
	padding: 0.35rem;
	border-radius: 10px;
	border: 1px solid rgba(15, 23, 42, 0.1);
	background: #fff;
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.65),
		0 14px 32px rgba(15, 23, 42, 0.16);
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.stm-dt-name-date-dup-scope-menu {
	position: fixed;
	z-index: 120090;
	min-width: 17.5rem;
	max-width: min(24rem, calc(100vw - 1rem));
	padding: 0.4rem;
	border-radius: 10px;
	border: 1px solid rgba(15, 23, 42, 0.1);
	background: #fff;
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.65),
		0 14px 32px rgba(15, 23, 42, 0.16);
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}

.stm-dt-name-date-dup-scope-menu__head {
	padding: 0.3rem 0.45rem 0.1rem;
	font-size: 0.72rem;
	font-weight: 700;
	color: #667085;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.stm-dt-name-date-dup-scope-menu__section {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	padding: 0.15rem 0;
	border-top: 1px solid #f2f4f7;
}

.stm-dt-name-date-dup-scope-menu__section:first-of-type {
	border-top: 0;
}

.stm-dt-name-date-dup-scope-menu__section-label {
	padding: 0.2rem 0.45rem 0.05rem;
	font-size: 0.7rem;
	font-weight: 700;
	color: #98a2b3;
	letter-spacing: 0.02em;
}

.stm-dt-name-date-dup-scope-menu__radio {
	display: flex;
	align-items: flex-start;
	gap: 0.45rem;
	width: 100%;
	padding: 0.4rem 0.5rem;
	border-radius: 8px;
	cursor: pointer;
	margin: 0;
}

.stm-dt-name-date-dup-scope-menu__radio:hover {
	background: #f8fafc;
}

.stm-dt-name-date-dup-scope-menu__radio.is-checked {
	background: #f0f7ff;
}

.stm-dt-name-date-dup-scope-menu__radio-input {
	flex: 0 0 auto;
	margin-top: 0.15rem;
}

.stm-dt-name-date-dup-scope-menu__radio-body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.1rem;
	min-width: 0;
}

.stm-dt-name-date-dup-scope-menu__item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.12rem;
	width: 100%;
	padding: 0.45rem 0.55rem;
	border: 0;
	border-radius: 8px;
	background: transparent;
	text-align: left;
	cursor: pointer;
	color: #101828;
}

.stm-dt-name-date-dup-scope-menu__item:hover {
	background: #f2f4f7;
}

.stm-dt-name-date-dup-scope-menu__title {
	font-size: 0.8125rem;
	font-weight: 650;
	line-height: 1.25;
	color: #101828;
}

.stm-dt-name-date-dup-scope-menu__sub {
	font-size: 0.72rem;
	line-height: 1.3;
	color: #667085;
}

.stm-dt-name-date-dup-scope-menu__start {
	appearance: none;
	margin-top: 0.15rem;
	width: 100%;
	border: 0;
	border-radius: 8px;
	padding: 0.5rem 0.7rem;
	background: #111827;
	color: #fff;
	font-size: 0.8rem;
	font-weight: 650;
	cursor: pointer;
	line-height: 1.2;
}

.stm-dt-name-date-dup-scope-menu__start:hover {
	background: #1f2937;
}

.stm-dt-ai-col-batch-menu__head {
	padding: 0.3rem 0.45rem 0.35rem;
	font-size: 0.72rem;
	font-weight: 700;
	color: #667085;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.stm-dt-ai-col-batch-menu__item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.12rem;
	width: 100%;
	padding: 0.45rem 0.55rem;
	border: 0;
	border-radius: 8px;
	background: transparent;
	text-align: left;
	cursor: pointer;
	color: #101828;
}

.stm-dt-ai-col-batch-menu__item:hover:not(:disabled) {
	background: #f2f4f7;
}

.stm-dt-ai-col-batch-menu__item.is-disabled,
.stm-dt-ai-col-batch-menu__item:disabled {
	opacity: 0.45;
	cursor: default;
}

.stm-dt-ai-col-batch-menu__title {
	font-size: 0.82rem;
	font-weight: 650;
	line-height: 1.25;
}

.stm-dt-ai-col-batch-menu__sub {
	font-size: 0.72rem;
	font-weight: 450;
	color: #667085;
	line-height: 1.3;
}

#stm-dashboard-root .stm-dt-cell--customer-stale {
	background: rgba(254, 243, 199, 0.45) !important;
	box-shadow: inset 0 0 0 1px rgba(245, 158, 11, 0.55);
}

#stm-dashboard-root .stm-dt-customer-stale-note {
	margin-top: 0.2rem;
	padding: 0.15rem 0.35rem;
	border-radius: 4px;
	font-size: 0.68rem;
	line-height: 1.25;
	color: #92400e;
	background: rgba(254, 243, 199, 0.9);
	border: 1px solid rgba(245, 158, 11, 0.45);
}

/* ==========================================================================
   Finance
   ========================================================================== */

#stm-dashboard-root .stm-finance-journal-scope {
	--stm-journal-ink: #1c2430;
	--stm-journal-muted: #6b7280;
	--stm-journal-line: rgba(28, 36, 48, 0.08);
	--stm-journal-soft: #f6f7f9;
	--stm-journal-card: #ffffff;
	--stm-journal-accent: #0f766e;
	--stm-journal-debit: #0f766e;
	--stm-journal-credit: #b45309;
}

#stm-dashboard-root .stm-journal-compose {
	background: var(--stm-journal-card);
	border: 1px solid var(--stm-journal-line);
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset, 0 8px 24px rgba(28, 36, 48, 0.04);
}

#stm-dashboard-root .stm-journal-compose__head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 0.5rem 1.25rem;
	padding: 0.85rem 1rem 0.75rem;
	background: linear-gradient(180deg, #fbfbfc 0%, var(--stm-journal-soft) 100%);
	border-bottom: 1px solid var(--stm-journal-line);
}

#stm-dashboard-root .stm-journal-compose__badge {
	display: inline-block;
	font-size: 0.625rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--stm-journal-accent);
	margin-bottom: 0.15rem;
}

#stm-dashboard-root .stm-journal-compose__title {
	margin: 0;
	font-size: 0.9375rem;
	font-weight: 650;
	color: var(--stm-journal-ink);
	letter-spacing: -0.01em;
}

#stm-dashboard-root .stm-journal-compose__sub {
	font-size: 0.75rem;
	color: var(--stm-journal-muted);
	max-width: 22rem;
}

#stm-dashboard-root .stm-journal-compose__form {
	padding: 0.85rem 1rem 1rem;
}

#stm-dashboard-root .stm-journal-compose__meta {
	display: grid;
	grid-template-columns: minmax(8.5rem, 11rem) minmax(0, 1.4fr) minmax(0, 1fr);
	gap: 0.65rem 0.75rem;
	margin-bottom: 0.75rem;
}

#stm-dashboard-root .stm-journal-compose__field .form-label {
	margin-bottom: 0.2rem;
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--stm-journal-muted);
}

#stm-dashboard-root .stm-journal-compose__lines-wrap {
	border: 1px solid var(--stm-journal-line);
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 0.75rem;
	background: var(--stm-journal-soft);
}

#stm-dashboard-root .stm-journal-compose__lines-wrap .table {
	margin: 0;
	--bs-table-bg: transparent;
}

#stm-dashboard-root .stm-journal-compose__lines-wrap thead th {
	font-size: 0.625rem;
	font-weight: 650;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--stm-journal-muted);
	background: transparent !important;
	border-bottom: 1px solid var(--stm-journal-line) !important;
	padding: 0.45rem 0.65rem;
}

#stm-dashboard-root .stm-journal-compose__lines-wrap tbody td {
	padding: 0.4rem 0.55rem;
	border-bottom: 1px solid var(--stm-journal-line);
	background: #fff;
}

#stm-dashboard-root .stm-journal-compose__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	align-items: center;
	margin-bottom: 0.35rem;
}

#stm-dashboard-root .stm-journal-history__toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 0.75rem 1rem;
	margin-bottom: 0.65rem;
}

#stm-dashboard-root .stm-journal-history__title {
	margin: 0;
	font-size: 0.9375rem;
	font-weight: 650;
	color: var(--stm-journal-ink);
	letter-spacing: -0.01em;
}

#stm-dashboard-root .stm-journal-history__hint {
	font-size: 0.75rem;
	color: var(--stm-journal-muted);
	margin-top: 0.15rem;
}

#stm-dashboard-root .stm-journal-history__controls {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4rem;
}

#stm-dashboard-root .stm-journal-search-wrap {
	min-width: 12rem;
	max-width: 18rem;
	flex: 1 1 12rem;
}

#stm-dashboard-root .stm-journal-list-shell {
	border-radius: 14px;
}

#stm-dashboard-root .stm-journal-list-table > :not(caption) > * > * {
	padding: 0.55rem 0.75rem;
}

#stm-dashboard-root .stm-journal-main-row > td {
	border-bottom: none !important;
	vertical-align: middle;
}

#stm-dashboard-root .stm-journal-main-row {
	background: #fff;
}

#stm-dashboard-root .stm-journal-main-row:hover {
	background: #fafbfc;
}

#stm-dashboard-root .stm-journal-amount {
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.01em;
}

#stm-dashboard-root .stm-journal-line-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.5rem;
	height: 1.35rem;
	padding: 0 0.4rem;
	border-radius: 999px;
	font-size: 0.6875rem;
	font-weight: 650;
	color: var(--stm-journal-ink);
	background: var(--stm-journal-soft);
	border: 1px solid var(--stm-journal-line);
}

#stm-dashboard-root .stm-journal-detail-row > td {
	padding: 0 0.75rem 0.7rem !important;
	border-bottom: 1px solid var(--stm-journal-line) !important;
	background: linear-gradient(180deg, #fcfcfd 0%, #f7f8fa 100%);
}

#stm-dashboard-root .stm-journal-detail-cell {
	padding-top: 0 !important;
}

#stm-dashboard-root .stm-journal-detail-empty {
	font-size: 0.75rem;
	color: var(--stm-journal-muted);
	padding: 0.35rem 0.15rem;
}

#stm-dashboard-root .stm-journal-lines {
	border: 1px solid var(--stm-journal-line);
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
}

#stm-dashboard-root .stm-journal-lines__head,
#stm-dashboard-root .stm-journal-lines__row {
	display: grid;
	grid-template-columns: minmax(0, 1.6fr) minmax(5.5rem, 0.7fr) minmax(5.5rem, 0.7fr) minmax(0, 1fr);
	gap: 0.35rem 0.75rem;
	align-items: baseline;
	padding: 0.35rem 0.65rem;
}

#stm-dashboard-root .stm-journal-lines__head {
	font-size: 0.625rem;
	font-weight: 650;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--stm-journal-muted);
	background: var(--stm-journal-soft);
	border-bottom: 1px solid var(--stm-journal-line);
}

#stm-dashboard-root .stm-journal-lines__row {
	font-size: 0.78125rem;
	color: var(--stm-journal-ink);
	border-bottom: 1px solid var(--stm-journal-line);
}

#stm-dashboard-root .stm-journal-lines__row:last-child {
	border-bottom: none;
}

#stm-dashboard-root .stm-journal-lines__account {
	font-weight: 550;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#stm-dashboard-root .stm-journal-lines__debit,
#stm-dashboard-root .stm-journal-lines__credit {
	font-variant-numeric: tabular-nums;
	font-weight: 600;
}

#stm-dashboard-root .stm-journal-lines__row.is-debit .stm-journal-lines__debit {
	color: var(--stm-journal-debit);
}

#stm-dashboard-root .stm-journal-lines__row.is-credit .stm-journal-lines__credit {
	color: var(--stm-journal-credit);
}

#stm-dashboard-root .stm-journal-lines__memo {
	color: var(--stm-journal-muted);
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#stm-dashboard-root .stm-journal-inline-cell {
	background: var(--stm-journal-soft) !important;
	padding: 0.75rem 0.85rem !important;
	border-bottom: 1px solid var(--stm-journal-line) !important;
}

#stm-dashboard-root .stm-journal-inline-editor {
	border: 1px solid var(--stm-journal-line);
	border-radius: 10px;
	background: #fff;
	padding: 0.75rem;
}

@media (max-width: 767.98px) {
	#stm-dashboard-root .stm-journal-compose__meta {
		grid-template-columns: 1fr;
	}

	#stm-dashboard-root .stm-journal-lines__head,
	#stm-dashboard-root .stm-journal-lines__row {
		grid-template-columns: 1fr 1fr;
		gap: 0.2rem 0.5rem;
	}

	#stm-dashboard-root .stm-journal-lines__account {
		grid-column: 1 / -1;
		white-space: normal;
	}

	#stm-dashboard-root .stm-journal-lines__memo {
		grid-column: 1 / -1;
		white-space: normal;
	}

	#stm-dashboard-root .stm-journal-history__controls {
		width: 100%;
	}

	#stm-dashboard-root .stm-journal-search-wrap {
		max-width: none;
		flex: 1 1 100%;
	}
}

/* ===== Task table elegant card (override) ===== */
#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-table-card {
	border: 1px solid #e4e7ec !important;
	border-radius: 14px !important;
	background: #fff !important;
	overflow: hidden !important;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 8px 24px rgba(16, 24, 40, 0.04) !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-table-card__toolbar {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	gap: 0.75rem !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0.625rem 0.875rem !important;
	background: #f8fafc !important;
	border: none !important;
	border-bottom: 1px solid #e4e7ec !important;
	border-radius: 0 !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-table-card .stm-task-table-shell,
#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-table-card .stm-data-table {
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks #stm-task-table.stm-table--tasks-premium {
	table-layout: fixed !important;
	width: 100% !important;
	margin: 0 !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks #stm-task-table.stm-table--tasks-premium > :not(caption) > * > * {
	padding: 0.6875rem 1rem !important;
	border-bottom: 1px solid #eceff3 !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks #stm-task-table.stm-table--tasks-premium thead th {
	padding: 0.5625rem 1rem !important;
	background: #fff !important;
	border-bottom: 1px solid #e4e7ec !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-thead__row .stm-task-th {
	font-size: 0.6875rem !important;
	font-weight: 650 !important;
	letter-spacing: 0.05em !important;
	color: #667085 !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks #stm-task-table.stm-table--tasks-premium tbody tr:nth-child(even) {
	background: #fcfcfd !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks #stm-task-table.stm-table--tasks-premium tbody tr:hover {
	background: #f5f8ff !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-title-cell {
	font-size: 0.875rem !important;
	font-weight: 550 !important;
	color: #101828 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-owner-chip {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	padding: 0.125rem 0.5rem;
	border-radius: 999px;
	background: #f2f4f7;
	color: #344054;
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.35;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-status-badge.stm-task-badge {
	min-width: 4.75rem !important;
	padding: 0.25rem 0.625rem !important;
	font-size: 0.6875rem !important;
	font-weight: 650 !important;
	border: 1px solid transparent !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-badge--done {
	color: #027a48 !important;
	background: #ecfdf3 !important;
	border-color: #abefc6 !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-badge--pending {
	color: #344054 !important;
	background: #f2f4f7 !important;
	border-color: #d0d5dd !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-dt {
	font-size: 0.8125rem !important;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
	color: #667085 !important;
	text-align: right !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-th--start,
#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-th--end,
#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-th--actions {
	text-align: right !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-btn--edit,
#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-btn--delete {
	border: 1px solid #d0d5dd !important;
	border-radius: 8px !important;
	padding: 0.25rem 0.5rem !important;
	min-height: 1.625rem !important;
	font-size: 0.75rem !important;
	background: #fff !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-btn--delete {
	color: #b42318 !important;
	border-color: #fecdca !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-btn--done {
	border-radius: 8px !important;
	padding: 0.25rem 0.625rem !important;
	min-height: 1.625rem !important;
	font-size: 0.75rem !important;
	background: #101828 !important;
	border-color: #101828 !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-action-btns {
	gap: 0.375rem !important;
	justify-content: flex-end !important;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-actions-cell {
	text-align: right !important;
}

/* Mobile: stack cards + empty state (override elegant table-layout:fixed) */
@media (max-width: 640px) {
	#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-table-card {
		overflow: visible !important;
	}

	#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-table-card__toolbar {
		flex-wrap: wrap !important;
		row-gap: 0.5rem !important;
	}

	#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-table-card .stm-task-table-shell,
	#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-table-shell,
	#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-data-table {
		overflow: visible !important;
	}

	#stm-dashboard-root.stm-app-shell .stm-panel--tasks #stm-task-table.stm-table--tasks-premium {
		table-layout: auto !important;
		width: 100% !important;
	}

	#stm-dashboard-root.stm-app-shell .stm-panel--tasks #stm-task-table.stm-table--tasks-premium thead {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		padding: 0 !important;
		margin: -1px !important;
		overflow: hidden !important;
		clip: rect(0, 0, 0, 0) !important;
		clip-path: inset(50%) !important;
		border: 0 !important;
		white-space: nowrap !important;
	}

	#stm-dashboard-root.stm-app-shell .stm-panel--tasks #stm-task-table.stm-table--tasks-premium tbody tr {
		display: block !important;
		width: 100% !important;
		margin: 0 0 0.65rem !important;
		border: 1px solid #e4e7ec !important;
		border-radius: 12px !important;
		background: #fff !important;
		box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04) !important;
		overflow: hidden !important;
	}

	#stm-dashboard-root.stm-app-shell .stm-panel--tasks #stm-task-table.stm-table--tasks-premium tbody td {
		display: grid !important;
		grid-template-columns: minmax(5.25rem, 34%) 1fr !important;
		gap: 0.25rem 0.5rem !important;
		width: 100% !important;
		max-width: none !important;
		padding: 0.55rem 0.75rem !important;
		border-bottom: 1px solid #f2f4f7 !important;
		text-align: left !important;
		white-space: normal !important;
		overflow: visible !important;
		text-overflow: unset !important;
	}

	#stm-dashboard-root.stm-app-shell .stm-panel--tasks #stm-task-table.stm-table--tasks-premium tbody td:last-child {
		border-bottom: none !important;
	}

	#stm-dashboard-root.stm-app-shell .stm-panel--tasks #stm-task-table.stm-table--tasks-premium tbody td::before {
		content: attr(data-label);
		font-size: 0.6875rem !important;
		font-weight: 650 !important;
		letter-spacing: 0.04em !important;
		text-transform: uppercase !important;
		color: #667085 !important;
	}

	#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-title-cell {
		white-space: normal !important;
		overflow: visible !important;
		text-overflow: unset !important;
		font-weight: 600 !important;
	}

	#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-dt {
		text-align: left !important;
		font-family: inherit !important;
	}

	#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-actions-cell,
	#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-action-btns {
		text-align: left !important;
		justify-content: flex-start !important;
	}

	#stm-dashboard-root.stm-app-shell .stm-panel--tasks #stm-task-table.stm-table--tasks-premium tbody td.stm-table__empty,
	#stm-dashboard-root.stm-app-shell .stm-panel--tasks #stm-task-table.stm-table--tasks-premium tbody td.stm-task-empty {
		display: block !important;
		padding: 1.25rem 1rem !important;
		text-align: center !important;
		border: none !important;
	}

	#stm-dashboard-root.stm-app-shell .stm-panel--tasks #stm-task-table.stm-table--tasks-premium tbody td.stm-task-empty::before,
	#stm-dashboard-root.stm-app-shell .stm-panel--tasks #stm-task-table.stm-table--tasks-premium tbody td.stm-table__empty::before {
		content: none !important;
		display: none !important;
	}
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-empty__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
	max-width: 22rem;
	margin: 0 auto;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-empty__title {
	margin: 0;
	font-size: 0.9375rem;
	font-weight: 600;
	color: #101828;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-empty__hint {
	margin: 0;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: #667085;
}

#stm-dashboard-root.stm-app-shell .stm-panel--tasks .stm-task-empty__action {
	margin-top: 0.25rem;
}

/* section */
#stm-dashboard-root .stm-oc-fab {
	--oc-w: 22.5rem;
	--oc-ink: #14201c;
	--oc-muted: #5f6f68;
	--oc-line: #e4ebe6;
	--oc-soft: #f4f7f5;
	--oc-accent: #1f6f5b;
	flex: 0 0 var(--oc-w);
	width: var(--oc-w);
	max-width: var(--oc-w);
	position: relative;
	z-index: 80;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	align-self: stretch;
	min-height: 0;
	border-left: 1px solid var(--oc-line);
	background: #fff;
	font-family: "Segoe UI", ui-sans-serif, system-ui, -apple-system, sans-serif;
	right: auto;
	bottom: auto;
	box-shadow: none;
}

#stm-dashboard-root.is-oc-collapsed .stm-oc-fab {
	flex-basis: 2.85rem !important;
	width: 2.85rem !important;
	max-width: 2.85rem !important;
}

#stm-dashboard-root.is-oc-expanded .stm-oc-fab {
	--oc-w: min(36rem, 42vw);
}

#stm-dashboard-root .stm-oc-backdrop {
	display: none !important;
}

#stm-dashboard-root .stm-oc-fab__btn {
	display: none;
	position: relative;
	width: 2.35rem;
	height: 2.35rem;
	margin: 0.55rem auto 0;
	border: 0;
	border-radius: 10px;
	background: var(--oc-ink);
	color: #f7faf8;
	box-shadow: none;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

#stm-dashboard-root.is-oc-collapsed .stm-oc-fab__btn {
	display: inline-flex;
}

#stm-dashboard-root .stm-oc-fab__btn:hover {
	transform: none;
	background: #0f1916;
}

#stm-dashboard-root .stm-oc-fab__btn.is-open {
	background: #0f1916;
}

#stm-dashboard-root .stm-oc-fab__pulse {
	position: absolute;
	inset: -2px;
	border-radius: inherit;
	border: 1.5px solid rgba(31, 111, 91, 0.45);
	animation: stm-oc-pulse 2.6s ease-out infinite;
	pointer-events: none;
}

@keyframes stm-oc-pulse {
	0% { transform: scale(1); opacity: 0.65; }
	70% { transform: scale(1.2); opacity: 0; }
	100% { transform: scale(1.2); opacity: 0; }
}

#stm-dashboard-root .stm-oc-fab__icon {
	display: inline-flex;
	line-height: 0;
}

#stm-dashboard-root .stm-oc-panel {
	position: relative;
	right: auto;
	bottom: auto;
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	max-width: none;
	max-height: none;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	overflow: hidden;
	transform-origin: unset;
	animation: none;
}

#stm-dashboard-root .stm-oc-panel.is-expanded {
	width: 100%;
	height: 100%;
	right: auto;
	bottom: auto;
}

#stm-dashboard-root .stm-oc-panel[hidden] {
	display: none !important;
}

#stm-dashboard-root .stm-oc-panel__resize {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: col-resize;
	z-index: 40;
	background: transparent;
	touch-action: none;
	appearance: none;
}

#stm-dashboard-root .stm-oc-panel__resize::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 3px;
	background: transparent;
	transition: background 120ms ease;
}

#stm-dashboard-root .stm-oc-panel__resize:hover::after,
#stm-dashboard-root.is-oc-resizing .stm-oc-panel__resize::after {
	background: var(--oc-accent, #1f6f5b);
}

#stm-dashboard-root.is-oc-collapsed .stm-oc-panel__resize {
	display: none;
}

#stm-dashboard-root.is-oc-resizing {
	cursor: col-resize;
	user-select: none;
}

#stm-dashboard-root.is-oc-resizing .stm-oc-panel__resize {
	cursor: col-resize;
}

#stm-dashboard-root .stm-oc-panel__head {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 0.35rem;
	height: var(--stm-chrome-header-h);
	min-height: var(--stm-chrome-header-h);
	padding: 0 0.4rem 0 0.7rem;
	background: var(--stm-chrome-bg, #fff);
	border-bottom: 1px solid var(--stm-chrome-border, var(--oc-line));
	color: var(--oc-ink);
	flex-shrink: 0;
	box-sizing: border-box;
}

#stm-dashboard-root .stm-oc-panel__brand {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	min-width: 0;
	flex: 1 1 auto;
}

#stm-dashboard-root .stm-oc-panel__avatar {
	width: 1.75rem;
	height: 1.75rem;
	border-radius: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #e8f3ef;
	color: var(--oc-accent);
	flex-shrink: 0;
}

#stm-dashboard-root .stm-oc-panel__title {
	margin: 0;
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: -0.01em;
	line-height: 1.2;
	color: var(--oc-ink);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#stm-dashboard-root .stm-oc-panel__sub {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

#stm-dashboard-root .stm-oc-panel__sub::before {
	content: none;
}

#stm-dashboard-root .stm-oc-panel__actions {
	display: flex;
	align-items: center;
	gap: 0.05rem;
	flex-shrink: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

#stm-dashboard-root .stm-oc-panel__icon-btn.stm-oc-panel__new-session,
#stm-dashboard-root .stm-oc-panel__icon-btn.stm-oc-panel__save-knowledge {
	width: 1.75rem;
	padding: 0;
	font-size: 0;
}

#stm-dashboard-root .stm-oc-panel__icon-btn {
	width: 1.75rem;
	height: 1.75rem;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--oc-muted);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	cursor: pointer;
}

#stm-dashboard-root .stm-oc-panel__icon-btn:hover {
	background: var(--oc-soft);
	color: var(--oc-ink);
}

#stm-dashboard-root .stm-oc-panel.is-expanded .stm-oc-ico-expand {
	display: none;
}

#stm-dashboard-root .stm-oc-panel.is-expanded .stm-oc-ico-compress {
	display: block !important;
}

#stm-dashboard-root .stm-oc-panel__body {
	flex: 1 1 auto;
	min-height: 0;
	overflow: auto;
	padding: 0.9rem 0.9rem 0.75rem;
	background:
		radial-gradient(120% 80% at 100% 0%, rgba(31, 111, 91, 0.05), transparent 55%),
		var(--oc-soft);
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
	scroll-behavior: smooth;
}

#stm-dashboard-root .stm-oc-msg {
	max-width: min(92%, 36rem);
	padding: 0.58rem 0.72rem;
	border-radius: 14px;
	font-size: 0.8125rem;
	line-height: 1.48;
	white-space: pre-wrap;
	word-break: break-word;
}

#stm-dashboard-root .stm-oc-panel.is-expanded .stm-oc-msg {
	max-width: min(78%, 40rem);
}

#stm-dashboard-root .stm-oc-msg--user {
	align-self: flex-end;
	background: var(--oc-ink);
	color: #f7faf8;
	border-bottom-right-radius: 5px;
}

#stm-dashboard-root .stm-oc-msg--assistant {
	align-self: flex-start;
	background: #fff;
	color: var(--oc-ink);
	border: 1px solid var(--oc-line);
	border-bottom-left-radius: 5px;
	box-shadow: 0 1px 0 rgba(20, 32, 28, 0.03);
}

#stm-dashboard-root .stm-oc-msg--assistant.stm-oc-msg--rich {
	white-space: normal;
	max-width: min(96%, 44rem);
	padding: 0.65rem 0.75rem;
}

#stm-dashboard-root .stm-oc-panel.is-expanded .stm-oc-msg--assistant.stm-oc-msg--rich {
	max-width: min(92%, 52rem);
}

#stm-dashboard-root .stm-oc-msg__prose {
	white-space: pre-wrap;
	word-break: break-word;
	margin: 0 0 0.55rem;
}

#stm-dashboard-root .stm-oc-msg__prose:last-child {
	margin-bottom: 0;
}

#stm-dashboard-root .stm-oc-dt-fold {
	margin-top: 0.15rem;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	background: linear-gradient(180deg, #fbfcfc 0%, #fff 48%);
	overflow: hidden;
}

#stm-dashboard-root .stm-oc-dt-fold__toggle {
	display: grid;
	grid-template-columns: 1fr auto auto;
	align-items: center;
	gap: 0.45rem;
	width: 100%;
	margin: 0;
	padding: 0.55rem 0.7rem;
	border: 0;
	background: transparent;
	color: inherit;
	text-align: left;
	cursor: pointer;
}

#stm-dashboard-root .stm-oc-dt-fold__toggle:hover {
	background: rgba(15, 23, 42, 0.03);
}

#stm-dashboard-root .stm-oc-dt-fold__title {
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.01em;
	color: #14201c;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#stm-dashboard-root .stm-oc-dt-fold__meta {
	font-size: 0.68rem;
	color: #6b7280;
	white-space: nowrap;
}

#stm-dashboard-root .stm-oc-dt-fold__chev {
	display: inline-flex;
	color: #98a2b3;
	transition: transform 0.16s ease;
}

#stm-dashboard-root .stm-oc-dt-fold.is-open .stm-oc-dt-fold__chev {
	transform: rotate(180deg);
}

#stm-dashboard-root .stm-oc-dt-fold__body {
	border-top: 1px solid #eef0f2;
	padding: 0.35rem 0.4rem 0.45rem;
}

#stm-dashboard-root .stm-oc-dt-table-wrap {
	overflow: auto;
	max-height: min(42vh, 22rem);
	border-radius: 8px;
}

#stm-dashboard-root .stm-oc-dt-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.7rem;
	line-height: 1.35;
	min-width: 28rem;
}

#stm-dashboard-root .stm-oc-dt-table th,
#stm-dashboard-root .stm-oc-dt-table td {
	padding: 0.38rem 0.45rem;
	border-bottom: 1px solid #eef1f3;
	text-align: left;
	vertical-align: top;
}

#stm-dashboard-root .stm-oc-dt-table th {
	position: sticky;
	top: 0;
	background: #f4f6f5;
	color: #4b5563;
	white-space: nowrap;
	font-weight: 700;
	font-size: 0.64rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	z-index: 1;
}

#stm-dashboard-root .stm-oc-dt-table tbody tr:hover td {
	background: #f8faf9;
}

#stm-dashboard-root .stm-oc-dt-table td.is-detail {
	color: #4b5563;
	max-width: 12rem;
}

#stm-dashboard-root .stm-oc-msg--system {
	align-self: center;
	max-width: 100%;
	background: transparent;
	color: var(--oc-muted);
	font-size: 0.74rem;
	text-align: center;
	padding: 0.2rem 0.4rem;
}

#stm-dashboard-root .stm-oc-msg--typing {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	align-self: flex-start;
	max-width: min(96%, 22rem);
	padding: 0.5rem 0.7rem;
	opacity: 1;
	font-style: normal;
	background: #fff;
	border: 1px solid var(--oc-line);
	border-bottom-left-radius: 5px;
	box-shadow: 0 1px 0 rgba(20, 32, 28, 0.03);
	color: var(--oc-ink);
}

#stm-dashboard-root .stm-oc-typing__pulse {
	width: 0.45rem;
	height: 0.45rem;
	border-radius: 999px;
	background: #2f9d78;
	box-shadow: 0 0 0 0 rgba(47, 157, 120, 0.45);
	animation: stm-oc-typing-pulse 1.4s ease-out infinite;
	flex-shrink: 0;
}

#stm-dashboard-root .stm-oc-typing__label {
	flex: 1 1 auto;
	min-width: 0;
	font-size: 0.78rem;
	line-height: 1.35;
	color: var(--oc-muted);
}

#stm-dashboard-root .stm-oc-typing__label.is-swap {
	animation: stm-oc-typing-swap 0.35s ease;
}

#stm-dashboard-root .stm-oc-typing__dots {
	display: inline-flex;
	align-items: center;
	gap: 0.18rem;
	flex-shrink: 0;
}

#stm-dashboard-root .stm-oc-typing__dots i {
	width: 0.28rem;
	height: 0.28rem;
	border-radius: 999px;
	background: #7aa394;
	display: block;
	animation: stm-oc-typing-dot 1.1s ease-in-out infinite;
}

#stm-dashboard-root .stm-oc-typing__dots i:nth-child(2) {
	animation-delay: 0.15s;
}

#stm-dashboard-root .stm-oc-typing__dots i:nth-child(3) {
	animation-delay: 0.3s;
}

@keyframes stm-oc-typing-pulse {
	0% { box-shadow: 0 0 0 0 rgba(47, 157, 120, 0.45); }
	70% { box-shadow: 0 0 0 7px rgba(47, 157, 120, 0); }
	100% { box-shadow: 0 0 0 0 rgba(47, 157, 120, 0); }
}

@keyframes stm-oc-typing-swap {
	0% { opacity: 0.25; transform: translateY(3px); }
	100% { opacity: 1; transform: translateY(0); }
}

@keyframes stm-oc-typing-dot {
	0%, 80%, 100% { opacity: 0.28; transform: translateY(0); }
	40% { opacity: 1; transform: translateY(-2px); }
}

#stm-dashboard-root .stm-oc-panel__composer-dock {
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	background: #fff;
	border-top: 1px solid var(--oc-line);
}

#stm-dashboard-root .stm-oc-panel__form {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 0.25rem 0.3rem;
	padding: 0.3rem 0.55rem 0.45rem;
	border-top: 0;
	background: #fff;
	flex-shrink: 0;
}

#stm-dashboard-root .stm-oc-panel__tools {
	display: flex;
	align-items: center;
	gap: 0.1rem;
	flex-shrink: 0;
	padding-bottom: 0.15rem;
}

#stm-dashboard-root .stm-oc-panel__attach-preview {
	flex: 1 1 100%;
}

#stm-dashboard-root .stm-oc-panel__attach-preview {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	padding: 0 0 0.15rem;
}

#stm-dashboard-root .stm-oc-panel__tool-btn {
	width: 1.9rem;
	height: 1.9rem;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--oc-muted);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

#stm-dashboard-root .stm-oc-panel__tool-btn:hover:not(:disabled) {
	background: var(--oc-soft);
	color: var(--oc-ink);
}

#stm-dashboard-root .stm-oc-panel__tool-btn:disabled {
	opacity: 0.35;
	cursor: not-allowed;
}

#stm-dashboard-root .stm-oc-panel__tool-btn.is-listening {
	background: #fde8e8;
	color: #b42318;
}

#stm-dashboard-root .stm-oc-panel__icon-btn.is-active {
	background: #e0f2fe;
	color: #0369a1;
	box-shadow: 0 0 0 1px rgba(3, 105, 161, 0.18);
}

#stm-dashboard-root .stm-oc-panel__row-ref {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	padding: 0.4rem 0.55rem 0.2rem;
}

#stm-dashboard-root .stm-oc-panel__row-ref[hidden] {
	display: none !important;
}

#stm-dashboard-root .stm-oc-row-ref-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	max-width: 100%;
	padding: 0.28rem 0.4rem 0.28rem 0.55rem;
	border-radius: 999px;
	background: #eff8ff;
	border: 1px solid #b2ddff;
	color: #026aa2;
	font-size: 0.72rem;
	font-weight: 650;
	line-height: 1.25;
}

#stm-dashboard-root .stm-oc-row-ref-chip__meta {
	white-space: nowrap;
}

#stm-dashboard-root .stm-oc-row-ref-chip__label {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 12rem;
	font-weight: 600;
	color: #101828;
}

#stm-dashboard-root .stm-oc-row-ref-chip__rm {
	appearance: none;
	border: 0;
	background: transparent;
	color: #667085;
	width: 1.15rem;
	height: 1.15rem;
	border-radius: 999px;
	cursor: pointer;
	line-height: 1;
	font-size: 0.95rem;
	padding: 0;
}

#stm-dashboard-root .stm-oc-row-ref-chip__rm:hover {
	background: #fee4e2;
	color: #b42318;
}

body.is-oc-picking-row,
body.is-oc-picking-row #stm-dt-tbody {
	cursor: crosshair !important;
}

#stm-dashboard-root.is-oc-picking-row #stm-dt-tbody tr.stm-dt-row:hover {
	outline: 2px solid #0ea5e9;
	outline-offset: -2px;
	background: rgba(14, 165, 233, 0.08);
}

#stm-dashboard-root #stm-dt-tbody tr.stm-dt-row.is-oc-row-ref {
	box-shadow: inset 3px 0 0 #0284c7;
	background: rgba(2, 132, 199, 0.07);
}

#stm-dashboard-root .stm-oc-panel__attach-preview[hidden] {
	display: none !important;
}

#stm-dashboard-root .stm-oc-attach-chip {
	position: relative;
	width: 3rem;
	height: 3rem;
	border-radius: 9px;
	overflow: hidden;
	border: 1px solid var(--oc-line);
	background: var(--oc-soft);
}

#stm-dashboard-root .stm-oc-attach-chip img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

#stm-dashboard-root .stm-oc-attach-chip__rm {
	position: absolute;
	top: 1px;
	right: 1px;
	width: 1.05rem;
	height: 1.05rem;
	border: 0;
	border-radius: 999px;
	background: rgba(20, 32, 28, 0.78);
	color: #fff;
	font-size: 0.72rem;
	line-height: 1;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

#stm-dashboard-root .stm-oc-msg__imgs {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	margin-top: 0.4rem;
}

#stm-dashboard-root .stm-oc-msg__imgs img {
	max-width: 9rem;
	max-height: 7rem;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.22);
	object-fit: cover;
}

#stm-dashboard-root .stm-oc-msg--assistant .stm-oc-msg__imgs img {
	border-color: var(--oc-line);
}

#stm-dashboard-root .stm-oc-panel__input {
	flex: 1 1 auto;
	min-width: 0;
	height: 2.15rem;
	min-height: 2.15rem;
	max-height: 2.15rem;
	resize: none !important;
	overflow: hidden !important;
	scrollbar-width: none !important;
	-ms-overflow-style: none !important;
	border: 0;
	border-radius: 8px;
	padding: 0.35rem 0.4rem;
	font-size: 0.8125rem;
	line-height: 1.4;
	background: transparent;
	color: var(--oc-ink);
	box-shadow: none;
	appearance: none;
	-webkit-appearance: none;
}

#stm-dashboard-root .stm-oc-panel__input::-webkit-scrollbar {
	display: none !important;
	width: 0;
	height: 0;
}

#stm-dashboard-root .stm-oc-panel__input:focus {
	outline: none;
}

#stm-dashboard-root .stm-oc-panel__send {
	width: 2.15rem;
	height: 2.15rem;
	border: 0;
	border-radius: 10px;
	background: var(--oc-accent);
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	flex-shrink: 0;
}

#stm-dashboard-root .stm-oc-panel__send:disabled {
	opacity: 0.42;
	cursor: not-allowed;
}

#stm-dashboard-root .stm-oc-panel__send:not(:disabled):hover {
	background: #185a4a;
}

@media (max-width: 960px) {
	#stm-dashboard-root .stm-oc-fab {
		position: fixed;
		top: var(--stm-chrome-header-h, 3.25rem);
		right: 0;
		bottom: 0;
		z-index: 1050;
		box-shadow: -8px 0 24px rgba(16, 28, 24, 0.12);
	}
	#stm-dashboard-root.is-oc-collapsed .stm-oc-fab {
		box-shadow: none;
		border-left: 0;
		background: transparent;
	}
	#stm-dashboard-root.is-oc-collapsed .stm-oc-fab__btn {
		margin: 0.65rem 0.35rem 0 auto;
		border-radius: 999px;
		box-shadow: 0 10px 24px rgba(20, 32, 28, 0.28);
	}
}

/* section */
.stm-dt-bug-dialog {
	max-width: min(1100px, calc(100vw - 1.25rem));
}

.stm-dt-bug-card {
	border-radius: 18px !important;
	overflow: hidden;
	background:
		radial-gradient(900px 280px at 8% 0%, rgba(31, 111, 120, 0.08), transparent 55%),
		linear-gradient(180deg, #ffffff 0%, #f7fafb 100%) !important;
}

.stm-dt-bug-card__head {
	padding: 1.15rem 1.35rem 0.55rem;
	align-items: flex-start;
}

.stm-dt-bug-card__eyebrow {
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #6b7c86;
}

.stm-dt-bug-card__title {
	font-size: 1.35rem;
	font-weight: 750;
	color: #12252d;
	margin: 0.15rem 0 0.25rem;
}

.stm-dt-bug-card__sub {
	font-size: 0.84rem;
	color: #667085;
	max-width: 40rem;
}

.stm-dt-bug-card__body {
	padding: 0.75rem 1.25rem 1.25rem;
}

.stm-dt-bug-layout {
	display: grid;
	grid-template-columns: minmax(280px, 0.95fr) minmax(320px, 1.15fr);
	gap: 1rem;
	min-height: min(62vh, 560px);
}

.stm-dt-bug-form-panel,
.stm-dt-bug-list-panel {
	border: 1px solid rgba(21, 38, 46, 0.1);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.86);
	padding: 0.95rem;
	display: flex;
	flex-direction: column;
	min-height: 0;
}

.stm-dt-bug-panel-title {
	font-size: 0.78rem;
	font-weight: 750;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #5f727c;
	margin: 0 0 0.75rem;
}

.stm-dt-bug-type-tabs {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.35rem;
	margin-bottom: 0.85rem;
}

.stm-dt-bug-type {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0.45rem 0.35rem;
	border-radius: 10px;
	border: 1px solid rgba(21, 38, 46, 0.1);
	background: #f5f8f9;
	color: #425863;
	font-size: 0.78rem;
	font-weight: 700;
	cursor: pointer;
	transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}

.stm-dt-bug-type input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.stm-dt-bug-type.is-active {
	background: rgba(31, 111, 120, 0.12);
	border-color: rgba(31, 111, 120, 0.35);
	color: #15555c;
}

.stm-dt-bug-label {
	font-size: 0.75rem;
	font-weight: 650;
	color: #475467;
	margin-bottom: 0.3rem;
}

.stm-dt-bug-input {
	border-radius: 10px !important;
	border-color: rgba(21, 38, 46, 0.12) !important;
	font-size: 0.86rem !important;
	margin-bottom: 0.7rem;
}

.stm-dt-bug-textarea {
	resize: vertical;
	min-height: 7.5rem;
}

.stm-dt-bug-form-actions {
	display: flex;
	justify-content: stretch;
	margin-top: 0.65rem;
	padding-top: 0.7rem;
	border-top: 1px solid rgba(21, 38, 46, 0.08);
}

.stm-dt-bug-submit {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	width: 100%;
	min-height: 2.55rem;
	padding: 0.65rem 1.1rem;
	border: 1px solid rgba(21, 85, 92, 0.22);
	border-radius: 12px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, transparent 42%),
		linear-gradient(135deg, #1f6f78 0%, #15555c 100%);
	color: #f7fbfc;
	font-size: 0.86rem;
	font-weight: 700;
	letter-spacing: 0.01em;
	line-height: 1.2;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.18) inset,
		0 8px 18px rgba(21, 85, 92, 0.18);
	cursor: pointer;
	transition:
		transform 0.14s ease,
		box-shadow 0.14s ease,
		background 0.14s ease,
		border-color 0.14s ease,
		opacity 0.14s ease;
}

.stm-dt-bug-submit:hover {
	transform: translateY(-1px);
	border-color: rgba(21, 85, 92, 0.34);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, transparent 42%),
		linear-gradient(135deg, #248089 0%, #17646c 100%);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.2) inset,
		0 12px 24px rgba(21, 85, 92, 0.22);
	color: #ffffff;
}

.stm-dt-bug-submit:active {
	transform: translateY(0);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.12) inset,
		0 4px 10px rgba(21, 85, 92, 0.16);
}

.stm-dt-bug-submit:focus-visible {
	outline: none;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.18) inset,
		0 0 0 3px rgba(31, 111, 120, 0.22),
		0 8px 18px rgba(21, 85, 92, 0.18);
}

.stm-dt-bug-submit:disabled {
	opacity: 0.58;
	cursor: not-allowed;
	transform: none;
	box-shadow: none;
}

.stm-dt-bug-submit__label {
	display: inline-block;
}

.stm-dt-bug-submit__icon {
	flex: 0 0 auto;
	opacity: 0.92;
	transition: transform 0.14s ease;
}

.stm-dt-bug-submit:hover .stm-dt-bug-submit__icon {
	transform: translate(1px, -1px);
}

.stm-dt-bug-list-head {
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
	margin-bottom: 0.65rem;
}

.stm-dt-bug-list-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 0.3rem;
}

.stm-dt-bug-chip {
	border: 1px solid rgba(21, 38, 46, 0.1);
	background: #fff;
	color: #5f727c;
	border-radius: 999px;
	padding: 0.18rem 0.55rem;
	font-size: 0.7rem;
	font-weight: 700;
	cursor: pointer;
}

.stm-dt-bug-chip.is-active {
	background: #1f6f78;
	border-color: #1f6f78;
	color: #fff;
}

.stm-dt-bug-list {
	flex: 1 1 auto;
	min-height: 0;
	overflow: auto;
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
	padding-right: 0.15rem;
}

.stm-dt-bug-empty {
	padding: 1.5rem 0.75rem;
	text-align: center;
	color: #98a2b3;
	font-size: 0.82rem;
}

.stm-dt-bug-item {
	border: 1px solid rgba(21, 38, 46, 0.1);
	border-radius: 12px;
	background: #fff;
	padding: 0.7rem 0.8rem;
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
}

.stm-dt-bug-item.is-done {
	opacity: 0.72;
}

.stm-dt-bug-item__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
}

.stm-dt-bug-item__badges,
.stm-dt-bug-item__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.3rem;
	align-items: center;
}

.stm-dt-bug-badge {
	display: inline-flex;
	align-items: center;
	padding: 0.12rem 0.45rem;
	border-radius: 999px;
	font-size: 0.64rem;
	font-weight: 750;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.stm-dt-bug-badge--bug {
	background: #fee4e2;
	color: #b42318;
}

.stm-dt-bug-badge--fix {
	background: #ffefd6;
	color: #b54708;
}

.stm-dt-bug-badge--feature {
	background: #ddf4ef;
	color: #0e6b57;
}

.stm-dt-bug-badge--open {
	background: #e8f1ff;
	color: #175cd3;
}

.stm-dt-bug-badge--done {
	background: #e8f8ef;
	color: #067647;
}

.stm-dt-bug-item__action {
	border: 0;
	background: transparent;
	color: #1f6f78;
	font-size: 0.7rem;
	font-weight: 700;
	padding: 0.1rem 0.2rem;
	cursor: pointer;
}

.stm-dt-bug-item__action.is-danger {
	color: #b42318;
}

.stm-dt-bug-item__title {
	margin: 0;
	font-size: 0.92rem;
	font-weight: 700;
	color: #12252d;
	line-height: 1.3;
}

.stm-dt-bug-item__desc {
	margin: 0;
	font-size: 0.8rem;
	color: #475467;
	white-space: pre-wrap;
	line-height: 1.4;
}

.stm-dt-bug-item__meta {
	font-size: 0.7rem;
	color: #98a2b3;
	font-weight: 600;
}

.stm-dt-bug-btn {
	color: #1f6f78 !important;
}

@media (max-width: 900px) {
	.stm-dt-bug-layout {
		grid-template-columns: 1fr;
		min-height: 0;
	}
	.stm-dt-bug-list-panel {
		min-height: 18rem;
	}
}

.stm-dt-bug-paste {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 4.4rem;
	margin-bottom: 0.55rem;
	padding: 0.7rem 0.85rem;
	border: 1.5px dashed rgba(31, 111, 120, 0.35);
	border-radius: 12px;
	background: rgba(31, 111, 120, 0.04);
	cursor: pointer;
	outline: none;
	transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

.stm-dt-bug-paste:hover,
.stm-dt-bug-paste:focus {
	border-color: rgba(31, 111, 120, 0.55);
	background: rgba(31, 111, 120, 0.08);
}

.stm-dt-bug-paste.is-flash {
	border-color: #1f6f78;
	box-shadow: 0 0 0 3px rgba(31, 111, 120, 0.16);
}

.stm-dt-bug-paste__hint {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.15rem;
	text-align: center;
	color: #3d5a63;
	font-size: 0.78rem;
	line-height: 1.3;
	pointer-events: none;
}

.stm-dt-bug-paste__hint strong {
	font-size: 0.82rem;
	font-weight: 750;
	color: #15555c;
}

.stm-dt-bug-shots {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin: 0 0 0.65rem;
}

.stm-dt-bug-shot {
	position: relative;
	width: 4.4rem;
	height: 4.4rem;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid rgba(21, 38, 46, 0.12);
	background: #eef3f5;
}

.stm-dt-bug-shot img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.stm-dt-bug-shot__rm {
	position: absolute;
	top: 0.15rem;
	right: 0.15rem;
	width: 1.15rem;
	height: 1.15rem;
	border: 0;
	border-radius: 999px;
	background: rgba(15, 23, 42, 0.72);
	color: #fff;
	font-size: 0.85rem;
	line-height: 1;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

.stm-dt-bug-item__shots {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	margin-top: 0.15rem;
}

.stm-dt-bug-item__shot {
	display: block;
	width: 3.6rem;
	height: 3.6rem;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid rgba(21, 38, 46, 0.12);
	background: #eef3f5;
}

.stm-dt-bug-item__shot img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* —— Data Table Activity Log (human-readable) —— */
.stm-panel--activity-log { max-width: 1100px; }
.stm-dt-alog__head { margin-bottom: 0.85rem; }
.stm-dt-alog__summary {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin-bottom: 0.75rem;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid rgba(21, 38, 46, 0.08);
}
.stm-dt-alog__story {
	margin: 0;
	font-size: 0.84rem;
	line-height: 1.45;
	color: rgba(21, 38, 46, 0.72);
}
.stm-dt-alog__story strong { color: #15262e; font-weight: 600; }
.stm-dt-alog__actors { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.stm-dt-alog__chip {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.15rem 0.45rem 0.15rem 0.15rem;
	border: 0;
	border-radius: 999px;
	background: rgba(21, 38, 46, 0.04);
	font-size: 0.72rem;
	color: #15262e;
	cursor: pointer;
	font-family: inherit;
}
.stm-dt-alog__chip:hover { background: rgba(21, 38, 46, 0.08); }
.stm-dt-alog__chip.is-on {
	background: #15262e;
	color: #fff;
}
.stm-dt-alog__chip.is-on em { color: rgba(255, 255, 255, 0.7); }
.stm-dt-alog__chip.is-on .stm-dt-alog__chip-i {
	background: #fff;
	color: #15262e;
}
.stm-dt-alog__chip em { font-style: normal; color: rgba(21, 38, 46, 0.45); }
.stm-dt-alog__chip-i {
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 999px;
	background: #15262e;
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.65rem;
	font-weight: 600;
}
.stm-dt-alog__toolbar {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin: 0 0 0.85rem;
}
.stm-dt-alog__select,
.stm-dt-alog__search {
	border: 1px solid rgba(21, 38, 46, 0.12);
	background: #fff;
	border-radius: 6px;
	font-size: 0.78rem;
	padding: 0.3rem 0.5rem;
	color: #15262e;
	min-height: 2rem;
}
.stm-dt-alog__search { flex: 1 1 12rem; min-width: 10rem; }
.stm-dt-alog__list { border-top: 1px solid rgba(21, 38, 46, 0.08); }
.stm-dt-alog__session { border-bottom: 1px solid rgba(21, 38, 46, 0.07); }
.stm-dt-alog__session-head {
	width: 100%;
	display: grid;
	grid-template-columns: 0.75rem minmax(0, 1fr) auto;
	grid-template-areas:
		"caret headline n"
		"caret meta meta";
	column-gap: 0.55rem;
	row-gap: 0.2rem;
	align-items: start;
	padding: 0.65rem 0.15rem;
	border: 0;
	background: transparent;
	text-align: left;
	font-size: 0.8rem;
	color: #15262e;
	cursor: pointer;
}
.stm-dt-alog__session-head:hover { background: rgba(21, 38, 46, 0.025); }
.stm-dt-alog__caret {
	grid-area: caret;
	width: 0.35rem;
	height: 0.35rem;
	border-right: 1.5px solid rgba(21, 38, 46, 0.45);
	border-bottom: 1.5px solid rgba(21, 38, 46, 0.45);
	transform: rotate(-45deg);
	margin-top: 0.4rem;
	margin-left: 0.15rem;
	transition: transform 0.15s ease;
}
.stm-dt-alog__session.is-open .stm-dt-alog__caret { transform: rotate(45deg); }
.stm-dt-alog__headline {
	grid-area: headline;
	line-height: 1.4;
	min-width: 0;
}
.stm-dt-alog__headline strong { font-weight: 650; }
.stm-dt-alog__headline em {
	font-style: normal;
	background: rgba(21, 38, 46, 0.06);
	padding: 0.05rem 0.28rem;
	border-radius: 4px;
}
.stm-dt-alog__fields { color: rgba(21, 38, 46, 0.62); }
.stm-dt-alog__via,
.stm-dt-alog__meta,
.stm-dt-alog__time {
	color: rgba(21, 38, 46, 0.48);
	font-size: 0.72rem;
	white-space: nowrap;
}
.stm-dt-alog__via { margin-right: 0.55rem; }
.stm-dt-alog__meta {
	grid-area: meta;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.15rem 0.55rem;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}
.stm-dt-alog__time {
	font-variant-numeric: tabular-nums;
	white-space: normal;
}
.stm-dt-alog__clock { color: rgba(21, 38, 46, 0.72); font-weight: 600; }
.stm-dt-alog__dur { color: rgba(21, 38, 46, 0.45); }
.stm-dt-alog__rel { color: rgba(21, 38, 46, 0.4); }
.stm-dt-alog__n {
	grid-area: n;
	justify-self: end;
	align-self: start;
	margin-top: 0.1rem;
	color: rgba(21, 38, 46, 0.5);
	font-size: 0.7rem;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}
.stm-dt-alog__session-body { padding: 0 0.15rem 0.7rem 1.35rem; }
.stm-dt-alog__when {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 1rem;
	padding: 0.15rem 0 0.4rem;
	font-size: 0.72rem;
	color: rgba(21, 38, 46, 0.55);
}
.stm-dt-alog__when strong {
	color: #15262e;
	font-weight: 650;
	font-variant-numeric: tabular-nums;
}
.stm-dt-alog__who {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.35rem 0.55rem;
	margin: 0 0 0.45rem;
	padding: 0.45rem 0.65rem;
	border-radius: 8px;
	background: rgba(21, 38, 46, 0.05);
	border: 1px solid rgba(21, 38, 46, 0.08);
	font-size: 0.78rem;
}
.stm-dt-alog__who-lab {
	font-size: 0.62rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: rgba(21, 38, 46, 0.45);
}
.stm-dt-alog__who strong {
	color: #15262e;
	font-weight: 700;
}
.stm-dt-alog__who em {
	font-style: normal;
	color: rgba(21, 38, 46, 0.55);
}
.stm-dt-alog__attrs {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
	gap: 0.35rem 0.75rem;
	margin: 0 0 0.55rem;
	padding: 0.5rem 0.65rem;
	border-radius: 8px;
	background: rgba(21, 38, 46, 0.035);
	border: 1px solid rgba(21, 38, 46, 0.06);
}
.stm-dt-alog__attr {
	min-width: 0;
}
.stm-dt-alog__attr dt {
	margin: 0;
	font-size: 0.62rem;
	font-weight: 650;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: rgba(21, 38, 46, 0.45);
}
.stm-dt-alog__attr dd {
	margin: 0.1rem 0 0;
	font-size: 0.74rem;
	color: #15262e;
	font-weight: 550;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.stm-dt-alog__diff--multi {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 0.55rem;
}
.stm-dt-alog__diff--multi .is-added {
	color: #1b6b3a;
	font-weight: 600;
}
.stm-dt-alog__diff--multi .is-removed {
	color: #8a3b2a;
	font-weight: 600;
	text-decoration: line-through;
	text-decoration-thickness: 1px;
}
.stm-dt-alog__mark {
	padding: 0 0.1em;
	border-radius: 3px;
}
.stm-dt-alog__mark.is-old {
	background: rgba(180, 60, 40, 0.18);
	color: #6b2a1c;
}
.stm-dt-alog__mark.is-new {
	background: rgba(40, 140, 70, 0.18);
	color: #14532d;
}
.stm-dt-alog__item {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.5rem;
	padding: 0.45rem 0;
	border-top: 1px solid rgba(21, 38, 46, 0.05);
	font-size: 0.76rem;
}
.stm-dt-alog__item.is-expandable { cursor: pointer; }
.stm-dt-alog__item.is-expandable:hover { background: rgba(21, 38, 46, 0.025); }
.stm-dt-alog__item-main { min-width: 0; flex: 1; }
.stm-dt-alog__more {
	margin-top: 0.15rem;
	font-size: 0.68rem;
	color: rgba(21, 38, 46, 0.45);
}
.stm-dt-alog__full {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.55rem;
	margin-top: 0.45rem;
}
.stm-dt-alog__full[hidden] { display: none !important; }
.stm-dt-alog__full-lab {
	display: block;
	font-size: 0.65rem;
	font-weight: 650;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: rgba(21, 38, 46, 0.45);
	margin-bottom: 0.2rem;
}
.stm-dt-alog__full-pre {
	margin: 0;
	padding: 0.55rem 0.65rem;
	border-radius: 8px;
	background: rgba(21, 38, 46, 0.04);
	white-space: pre-wrap;
	word-break: break-word;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 0.72rem;
	line-height: 1.45;
	color: #15262e;
	max-height: 22rem;
	overflow: auto;
}
@media (max-width: 720px) {
	.stm-dt-alog__full { grid-template-columns: 1fr; }
}
.stm-dt-alog__lead {
	line-height: 1.4;
	margin-bottom: 0.2rem;
	color: #15262e;
}
.stm-dt-alog__lead strong { font-weight: 650; }
.stm-dt-alog__lead em {
	font-style: normal;
	background: rgba(21, 38, 46, 0.06);
	padding: 0.05rem 0.28rem;
	border-radius: 4px;
}
.stm-dt-alog__diff {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 0.35rem;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 0.68rem;
	color: rgba(21, 38, 46, 0.55);
	word-break: break-word;
}
.stm-dt-alog__diff .is-before { color: rgba(21, 38, 46, 0.4); }
.stm-dt-alog__arrow { color: rgba(21, 38, 46, 0.28); }
.stm-dt-alog__hint {
	margin-top: 0.2rem;
	font-size: 0.68rem;
	color: rgba(21, 38, 46, 0.45);
}
.stm-dt-alog__linkbtn {
	border: 0;
	background: transparent;
	color: rgba(21, 38, 46, 0.55);
	font-size: 0.7rem;
	padding: 0.1rem 0.2rem;
	cursor: pointer;
	flex: 0 0 auto;
}
.stm-dt-alog__linkbtn:hover { color: #15262e; text-decoration: underline; }
.stm-dt-alog__session-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	margin-top: 0.45rem;
	padding-top: 0.35rem;
}
.stm-dt-alog__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	margin-top: 0.75rem;
}
.stm-dt-alog__count { font-size: 0.72rem; color: rgba(21, 38, 46, 0.45); }
.stm-dt-alog__muted { font-size: 0.8rem; color: rgba(21, 38, 46, 0.45); margin: 0.75rem 0; }
@media (max-width: 720px) {
	.stm-dt-alog__session-head {
		grid-template-columns: 0.75rem minmax(0, 1fr);
		grid-template-areas:
			"caret headline"
			"caret meta"
			"caret n";
	}
	.stm-dt-alog__n { justify-self: start; }
}

/* Plan Payment (report) */
.stm-dt-pp-day {
	margin-bottom: 1rem;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
}
.stm-dt-pp-day__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.55rem 0.85rem;
	background: #f8fafc;
	border-bottom: 1px solid #e5e7eb;
	font-size: 0.82rem;
}
.stm-dt-pp-day__head span {
	color: #64748b;
	font-variant-numeric: tabular-nums;
}
.stm-dt-pp-table {
	font-size: 0.8rem;
}
.stm-dt-pp-table th,
.stm-dt-pp-table td {
	padding: 0.4rem 0.75rem;
	vertical-align: middle;
}
.stm-dt-pp-list__item {
	text-align: left;
}
/* Plan Payment detail — sticky summary footer */
#stm-dt-plan-payment-detail .stm-dt-pp-detail__head {
	align-items: flex-start;
}
#stm-dt-plan-payment-detail .stm-dt-pp-detail__title-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5rem 0.65rem;
}
#stm-dt-plan-payment-detail .stm-dt-pp-detail__foot {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	flex-shrink: 0;
	padding: 0.85rem 1.25rem 1.1rem;
	border-top: 1px solid #e5e7eb;
	background: #f8fafc;
}
#stm-dt-plan-payment-detail .stm-dt-pp-detail__summary {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1rem;
	width: 100%;
}
#stm-dt-plan-payment-detail .stm-dt-pp-detail__summary-left {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	min-width: 0;
}
#stm-dt-plan-payment-detail .stm-dt-pp-detail__summary-label {
	font-size: 0.72rem;
	font-weight: 600;
	color: #64748b;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}
#stm-dt-plan-payment-detail .stm-dt-pp-detail__summary-count {
	font-size: 0.84rem;
	color: #475569;
	font-variant-numeric: tabular-nums;
}
#stm-dt-plan-payment-detail .stm-dt-pp-detail__summary-right {
	display: flex;
	flex-direction: row;
	align-items: baseline;
	justify-content: flex-end;
	gap: 0.35rem;
	margin-left: auto;
	text-align: right;
	white-space: nowrap;
}
#stm-dt-plan-payment-detail .stm-dt-pp-detail__summary-currency {
	font-size: 0.85rem;
	font-weight: 600;
	color: #64748b;
}
#stm-dt-plan-payment-detail .stm-dt-pp-detail__summary-amount {
	font-size: 1.35rem;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	color: #0f172a;
	letter-spacing: -0.02em;
	line-height: 1.1;
}
#stm-dt-plan-payment-detail .stm-dt-pp-detail__actions {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 0.5rem;
	width: 100%;
}
.stm-dt-pp-status {
	display: inline-flex;
	align-items: center;
	padding: 0.15rem 0.5rem;
	border-radius: 999px;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.4;
}
.stm-dt-pp-status--planned {
	background: #fef3c7;
	color: #92400e;
}
.stm-dt-pp-status--paid {
	background: #dcfce7;
	color: #166534;
}
.stm-dt-pp-status--draft {
	background: #e2e8f0;
	color: #475569;
}
.stm-dt-pp-list-table {
	font-size: 0.82rem;
}
.stm-dt-pp-list-table th {
	font-size: 0.72rem;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: #64748b;
	font-weight: 600;
}
.stm-dt-pp-proof-preview {
	max-width: 100%;
	max-height: 180px;
	border-radius: 8px;
	border: 1px solid #e5e7eb;
	object-fit: contain;
	background: #f8fafc;
}