/* Doc Delivery Tracker - shared styles (recipient page, tracking page, admin) */

.dtrk-scope {
	--dtrk-paper: #f2f4f5;
	--dtrk-sheet: #ffffff;
	--dtrk-ink: #17252d;
	--dtrk-muted: #5b6b75;
	--dtrk-line: #d3dbe0;
	--dtrk-accent: #0b5c7a;
	--dtrk-accent-ink: #ffffff;
	--dtrk-done: #1d7a4b;
	--dtrk-warn: #b4570a;
	--dtrk-danger: #b3261e;
	font-family: "Noto Sans Thai", "Sarabun", "Leelawadee UI", "Thonburi", Tahoma, system-ui, -apple-system, "Segoe UI", sans-serif;
	color: var(--dtrk-ink);
	line-height: 1.65;
}

.dtrk-scope *,
.dtrk-scope *::before,
.dtrk-scope *::after {
	box-sizing: border-box;
}

.dtrk-body {
	margin: 0;
	background: var(--dtrk-paper);
	min-height: 100vh;
	-webkit-text-size-adjust: 100%;
}

.dtrk-shell {
	max-width: 680px;
	margin: 0 auto;
	padding: 20px 16px 48px;
}

.dtrk-brand {
	font-weight: 700;
	font-size: 1rem;
	color: var(--dtrk-muted);
	padding: 8px 2px 14px;
}

.dtrk-sheet {
	background: var(--dtrk-sheet);
	border: 1px solid var(--dtrk-line);
	border-radius: 6px;
	padding: 24px 22px 26px;
}

.dtrk-embed .dtrk-sheet {
	margin-top: 16px;
}

.dtrk-title {
	font-size: 1.55rem;
	line-height: 1.35;
	margin: 0 0 14px;
	font-weight: 700;
	word-break: break-word;
}

.dtrk-h2 {
	font-size: 1.05rem;
	margin: 28px 0 10px;
	font-weight: 700;
}

.dtrk-meta {
	margin: 0 0 16px;
	display: grid;
	gap: 6px;
}

.dtrk-meta > div {
	display: grid;
	grid-template-columns: 8rem 1fr;
	gap: 10px;
}

.dtrk-meta dt {
	color: var(--dtrk-muted);
}

.dtrk-meta dd {
	margin: 0;
	word-break: break-word;
}

.dtrk-meta a {
	color: var(--dtrk-accent);
}

.dtrk-num {
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.02em;
}

.dtrk-note {
	background: #f7f9fa;
	border-left: 3px solid var(--dtrk-line);
	padding: 10px 14px;
	margin: 0 0 16px;
}

.dtrk-warn {
	border-left-color: var(--dtrk-warn);
	color: var(--dtrk-warn);
}

.dtrk-preview {
	background: #fff4e5;
	border: 1px solid #f1c88b;
	color: #7a3e00;
	padding: 8px 12px;
	border-radius: 6px;
	margin-bottom: 16px;
	font-size: 0.95rem;
}

.dtrk-file {
	display: flex;
	align-items: center;
	gap: 12px;
	border: 1px solid var(--dtrk-line);
	border-radius: 6px;
	padding: 10px 12px;
	margin: 0 0 16px;
}

.dtrk-file > div {
	min-width: 0;
}

.dtrk-file strong {
	display: block;
	word-break: break-word;
}

.dtrk-file small {
	color: var(--dtrk-muted);
}

.dtrk-ext {
	flex: 0 0 auto;
	min-width: 3rem;
	text-align: center;
	background: var(--dtrk-ink);
	color: #fff;
	font-weight: 700;
	font-size: 0.8rem;
	padding: 6px 8px;
	border-radius: 4px;
}

/* Buttons */
.dtrk-btn {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 20px;
	font: inherit;
	font-weight: 600;
	color: var(--dtrk-ink);
	background: var(--dtrk-sheet);
	border: 1.5px solid var(--dtrk-ink);
	border-radius: 6px;
	cursor: pointer;
	text-decoration: none;
}

.dtrk-btn-primary {
	background: var(--dtrk-accent);
	border-color: var(--dtrk-accent);
	color: var(--dtrk-accent-ink);
}

.dtrk-btn:hover:not([disabled]) {
	filter: brightness(0.94);
}

.dtrk-btn[disabled] {
	opacity: 0.4;
	cursor: not-allowed;
}

.dtrk-btn:focus-visible,
.dtrk-lookup input:focus-visible,
.dtrk-viewer-bar a:focus-visible {
	outline: 3px solid #f2a900;
	outline-offset: 2px;
}

.dtrk-actions {
	display: grid;
	gap: 14px;
	margin-top: 18px;
}

.dtrk-action .dtrk-btn {
	width: 100%;
}

.dtrk-hint {
	margin: 6px 0 0;
	color: var(--dtrk-muted);
	font-size: 0.9rem;
}

.dtrk-hint:empty {
	display: none;
}

.dtrk-done {
	margin: 0;
	padding: 12px 14px;
	border: 1.5px solid var(--dtrk-done);
	color: var(--dtrk-done);
	border-radius: 6px;
	font-weight: 600;
}

.dtrk-error {
	color: var(--dtrk-danger);
	margin: 8px 0 0;
}

/* Viewer */
.dtrk-viewer {
	margin: 16px 0 0;
	border: 1px solid var(--dtrk-line);
	border-radius: 6px;
	overflow: hidden;
}

.dtrk-viewer[hidden] {
	display: none;
}

.dtrk-viewer-bar {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 8px 12px;
	background: #f7f9fa;
	border-bottom: 1px solid var(--dtrk-line);
	font-size: 0.9rem;
}

.dtrk-viewer-bar a {
	color: var(--dtrk-accent);
	font-weight: 600;
}

.dtrk-viewer-help { padding: 0 12px 10px; }

.dtrk-frame iframe {
	display: block;
	width: 100%;
	height: 72vh;
	min-height: 420px;
	border: 0;
}

.dtrk-frame img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

/* Progress steps: vertical rail */
.dtrk-steps {
	list-style: none;
	margin: 0;
	padding: 0;
}

.dtrk-steps li {
	position: relative;
	display: flex;
	gap: 14px;
	padding-bottom: 16px;
}

.dtrk-steps li:last-child {
	padding-bottom: 0;
}

.dtrk-steps li::before {
	content: "";
	position: absolute;
	left: 8px;
	top: 20px;
	bottom: -2px;
	width: 2px;
	background: var(--dtrk-line);
}

.dtrk-steps li:last-child::before {
	display: none;
}

.dtrk-steps li.is-done::before {
	background: var(--dtrk-done);
}

.dtrk-dot {
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	margin-top: 4px;
	border-radius: 50%;
	border: 2px solid var(--dtrk-line);
	background: var(--dtrk-sheet);
	z-index: 1;
}

.dtrk-steps li.is-done .dtrk-dot {
	background: var(--dtrk-done);
	border-color: var(--dtrk-done);
	box-shadow: inset 0 0 0 3px var(--dtrk-sheet);
}

.dtrk-step-body {
	display: grid;
	min-width: 0;
}

.dtrk-step-body strong {
	font-weight: 700;
}

.dtrk-steps li.is-todo strong {
	color: var(--dtrk-muted);
	font-weight: 600;
}

.dtrk-step-body time {
	font-variant-numeric: tabular-nums;
	color: var(--dtrk-muted);
	font-size: 0.95rem;
}

.dtrk-steps li.is-done time {
	color: var(--dtrk-ink);
}

.dtrk-step-body small {
	color: var(--dtrk-muted);
}

@keyframes dtrk-pulse {
	from { background: #e6f4ec; }
	to { background: transparent; }
}

.dtrk-steps li.is-new .dtrk-step-body {
	animation: dtrk-pulse 1.6s ease-out 1;
}

@media (prefers-reduced-motion: reduce) {
	.dtrk-steps li.is-new .dtrk-step-body { animation: none; }
}

/* History log: date + time column, event text */
.dtrk-log {
	list-style: none;
	margin: 0;
	padding: 0;
}

.dtrk-log li {
	display: grid;
	grid-template-columns: 8.5rem 1fr;
	gap: 16px;
	padding: 10px 0;
	border-top: 1px solid var(--dtrk-line);
}

.dtrk-log li:first-child {
	border-top: 0;
}

.dtrk-log time {
	display: grid;
	font-variant-numeric: tabular-nums;
}

.dtrk-log .dtrk-d {
	font-weight: 600;
}

.dtrk-log .dtrk-t {
	color: var(--dtrk-muted);
	font-size: 0.95rem;
}

.dtrk-foot {
	margin: 22px 0 0;
	color: var(--dtrk-muted);
	font-size: 0.85rem;
}

/* Badges */
.dtrk-badge {
	display: inline-block;
	margin: 0 0 14px;
	padding: 2px 12px;
	border-radius: 999px;
	font-size: 0.9rem;
	font-weight: 700;
	border: 1.5px solid currentColor;
	vertical-align: middle;
	line-height: 1.6;
}

.dtrk-admin .dtrk-badge {
	margin: 0;
}

.dtrk-b-created { color: #5b6b75; }
.dtrk-b-received,
.dtrk-b-read { color: #0b5c7a; }
.dtrk-b-confirmed,
.dtrk-b-downloaded { color: #1d7a4b; }
.dtrk-b-expired { color: #b4570a; }
.dtrk-b-revoked { color: #b3261e; }

/* Lookup form */
.dtrk-lookup label {
	display: block;
	font-weight: 600;
	margin-bottom: 6px;
}

.dtrk-lookup > div {
	display: flex;
	gap: 8px;
}

.dtrk-lookup input {
	flex: 1 1 auto;
	min-width: 0;
	min-height: 48px;
	padding: 0 12px;
	font: inherit;
	font-variant-numeric: tabular-nums;
	text-transform: uppercase;
	border: 1.5px solid var(--dtrk-line);
	border-radius: 6px;
	background: #fff;
	color: var(--dtrk-ink);
}

/* Admin */
.dtrk-admin .dtrk-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
	gap: 16px;
	align-items: start;
}

.dtrk-admin .dtrk-panel {
	background: #fff;
	border: 1px solid #c3c4c7;
	padding: 4px 18px 16px;
	margin-bottom: 16px;
}

.dtrk-admin .dtrk-panel h2 {
	font-size: 1.1rem;
	margin: 14px 0 8px;
	padding: 0;
}

.dtrk-admin .dtrk-wide {
	grid-column: 1 / -1;
}

.dtrk-admin .dtrk-copyrow {
	display: flex;
	gap: 8px;
	align-items: center;
}

.dtrk-admin .dtrk-copyrow input {
	flex: 1 1 auto;
}

.dtrk-admin .dtrk-facts {
	width: 100%;
	border-collapse: collapse;
}

.dtrk-admin .dtrk-facts th {
	text-align: left;
	width: 9rem;
	color: var(--dtrk-muted);
	font-weight: 400;
	vertical-align: top;
	padding: 4px 8px 4px 0;
}

.dtrk-admin .dtrk-facts td {
	padding: 4px 0;
	word-break: break-word;
}

.dtrk-admin .dtrk-hash {
	font-size: 12px;
	word-break: break-all;
}

.dtrk-admin .dtrk-chain {
	margin: 0 0 10px;
	font-weight: 600;
}

.dtrk-admin .dtrk-chain.ok { color: var(--dtrk-done); }
.dtrk-admin .dtrk-chain.bad { color: var(--dtrk-danger); }

.dtrk-admin .dtrk-actions-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.dtrk-admin .dtrk-danger {
	color: var(--dtrk-danger);
	border-color: var(--dtrk-danger);
}

.dtrk-admin .dtrk-empty {
	background: #fff;
	border: 1px solid #c3c4c7;
	padding: 24px;
	max-width: 560px;
}

.dtrk-admin .dtrk-form {
	max-width: 640px;
	background: #fff;
	border: 1px solid #c3c4c7;
	padding: 8px 20px 12px;
}

.dtrk-admin .dtrk-steps {
	margin-bottom: 8px;
}

@media (max-width: 782px) {
	.dtrk-admin .dtrk-grid { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
	.dtrk-sheet { padding: 20px 16px 22px; }
	.dtrk-meta > div { grid-template-columns: 6.5rem 1fr; }
	.dtrk-log li { grid-template-columns: 7rem 1fr; gap: 12px; }
	.dtrk-title { font-size: 1.4rem; }
}

/* Progress, authenticated pages and front-end shortcodes (v0.2.0) */
.dtrk-progress {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 18px;
}
.dtrk-progress-track {
	flex: 1 1 auto;
	height: 9px;
	overflow: hidden;
	border-radius: 999px;
	background: #e8edf0;
}
.dtrk-progress-fill {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, #0b5c7a, #2a9279);
	transition: width .45s ease;
}
.dtrk-progress-label {
	min-width: 3rem;
	text-align: right;
	font-size: .9rem;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	color: var(--dtrk-muted);
}
.dtrk-status-tools {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: -5px 0 12px;
	color: var(--dtrk-muted);
	font-size: .85rem;
}
.dtrk-text-btn {
	appearance: none;
	border: 0;
	padding: 4px 0;
	background: transparent;
	color: var(--dtrk-accent);
	font: inherit;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}
.dtrk-text-btn:disabled { opacity: .5; cursor: wait; }
.dtrk-auth-notice {
	border: 1px solid var(--dtrk-line);
	border-radius: 12px;
	background: #fff;
	padding: 20px;
	box-shadow: 0 8px 24px rgba(23, 37, 45, .05);
}
.dtrk-auth-notice > strong { display: block; font-size: 1.1rem; }
.dtrk-auth-notice p { margin: 8px 0 16px; color: var(--dtrk-muted); }
.dtrk-send-embed .dtrk-title { margin-top: 0; }
.dtrk-send-embed .dtrk-form p { margin: 0 0 16px; }
.dtrk-send-embed .dtrk-form label { display: block; margin-bottom: 6px; }
.dtrk-send-embed .dtrk-form input[type="text"],
.dtrk-send-embed .dtrk-form input[type="file"],
.dtrk-send-embed .dtrk-form textarea,
.dtrk-send-embed .dtrk-form select {
	width: 100%;
	max-width: 100%;
	min-height: 46px;
	padding: 10px 12px;
	border: 1.5px solid var(--dtrk-line);
	border-radius: 8px;
	background: #fff;
	color: var(--dtrk-ink);
	font: inherit;
}
.dtrk-send-embed .dtrk-form textarea { min-height: 96px; resize: vertical; }
.dtrk-send-embed .dtrk-form input[type="file"] { padding: 8px; }
.dtrk-send-embed .dtrk-form small { display: block; margin-top: 6px; color: var(--dtrk-muted); }
.dtrk-send-embed .dtrk-done { margin: 0 0 18px; }
.dtrk-send-success > strong { display: block; font-size: 1.12rem; }
.dtrk-send-success label { display: block; margin-top: 14px; }
.dtrk-copyrow {
	display: flex;
	align-items: stretch;
	gap: 8px;
	margin: 6px 0 12px;
}
.dtrk-copyrow input {
	flex: 1 1 auto;
	width: 100%;
	min-width: 0;
	padding: 8px 10px;
	border: 1px solid var(--dtrk-line);
	border-radius: 7px;
	background: #f8fafb;
	color: var(--dtrk-ink);
	font: inherit;
	font-size: .9rem;
}
.dtrk-copyrow .dtrk-btn { min-height: 42px; padding: 0 12px; white-space: nowrap; }
.dtrk-copyrow .is-copied { border-color: var(--dtrk-done); color: var(--dtrk-done); }
.dtrk-btn.is-loading { opacity: .85; cursor: progress; }
.dtrk-btn.is-loading::before {
	content: "";
	width: 14px;
	height: 14px;
	margin-right: 9px;
	border: 2px solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	animation: dtrk-spin .7s linear infinite;
}
@keyframes dtrk-spin { to { transform: rotate(360deg); } }
.dtrk-send-embed .dtrk-form input:focus-visible,
.dtrk-send-embed .dtrk-form textarea:focus-visible,
.dtrk-send-embed .dtrk-form select:focus-visible {
	outline: 3px solid #f2a900;
	outline-offset: 2px;
}
@media (max-width: 540px) {
	.dtrk-progress { gap: 8px; }
	.dtrk-copyrow { flex-direction: column; }
	.dtrk-copyrow .dtrk-btn { width: 100%; }
	.dtrk-status-tools { align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
	.dtrk-progress-fill, .dtrk-btn.is-loading::before { transition: none; animation: none; }
}


/* Wide desktop recipient page: give PDFs real reading space. */
.dtrk-recipient-page .dtrk-shell {
	width: min(1600px, calc(100vw - 40px));
	max-width: 1600px;
	padding: 20px 0 48px;
}

.dtrk-recipient-page #dtrk-app {
	padding: clamp(20px, 3vw, 38px);
}

.dtrk-recipient-page .dtrk-frame iframe {
	width: 100%;
	height: min(80vh, 1100px);
	min-height: 600px;
}

/* Front-end document portal */
.dtrk-dashboard {
	width: 100%;
	max-width: none;
}

.dtrk-dashboard-header,
.dtrk-dashboard-section-head,
.dtrk-doc-heading {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
}

.dtrk-dashboard-header {
	margin: 12px 0 18px;
}

.dtrk-dashboard-header .dtrk-title {
	margin-bottom: 6px;
}

.dtrk-dashboard-pill {
	flex: 0 0 auto;
	padding: 5px 10px;
	border: 1px solid var(--dtrk-line);
	border-radius: 999px;
	color: var(--dtrk-muted);
	font-size: .82rem;
	font-weight: 600;
}

.dtrk-dashboard-list {
	margin-top: 32px;
}

.dtrk-dashboard-section-head {
	align-items: center;
	margin-bottom: 14px;
}

.dtrk-dashboard-section-head .dtrk-h2 {
	margin: 0 0 3px;
}

.dtrk-dashboard-search {
	display: flex;
	align-items: center;
	gap: 8px;
	max-width: 560px;
}

.dtrk-dashboard-search input {
	min-width: 180px;
	min-height: 44px;
	width: min(30vw, 360px);
	padding: 0 12px;
	font: inherit;
	border: 1px solid var(--dtrk-line);
	border-radius: 6px;
}

.dtrk-dashboard-clear {
	color: var(--dtrk-accent);
	font-weight: 600;
}

.dtrk-dashboard-empty {
	padding: 28px;
	text-align: center;
	background: #f7f9fa;
	border: 1px dashed var(--dtrk-line);
	border-radius: 8px;
}

.dtrk-dashboard-empty p { margin-bottom: 0; color: var(--dtrk-muted); }
.dtrk-dashboard-flash { margin: 12px 0; }

.dtrk-doc-card {
	margin: 0 0 14px;
	padding: 20px;
	background: #fff;
	border: 1px solid var(--dtrk-line);
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(23, 37, 45, .035);
}

.dtrk-doc-heading h3 {
	margin: 0 0 4px;
	font-size: 1.08rem;
	line-height: 1.4;
	word-break: break-word;
}

.dtrk-doc-heading p {
	margin: 0;
	color: var(--dtrk-muted);
}

.dtrk-doc-heading .dtrk-badge {
	flex: 0 0 auto;
	margin: 0;
	font-size: .82rem;
}

.dtrk-doc-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 18px;
	margin: 14px 0;
	padding: 10px 0;
	border-top: 1px solid #edf0f2;
	border-bottom: 1px solid #edf0f2;
	font-size: .88rem;
	color: var(--dtrk-muted);
}

.dtrk-doc-links {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.dtrk-doc-link label {
	display: block;
	margin-bottom: 5px;
	font-weight: 700;
	font-size: .9rem;
}

.dtrk-doc-link input {
	width: 100%;
	min-width: 0;
	min-height: 42px;
	padding: 0 10px;
	border: 1px solid var(--dtrk-line);
	border-radius: 5px;
	font: inherit;
	font-size: .84rem;
}

.dtrk-doc-link .dtrk-btn {
	min-height: 38px;
	margin-top: 6px;
	padding: 0 14px;
	font-size: .88rem;
}

.dtrk-doc-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 16px;
	padding-top: 14px;
	border-top: 1px solid #edf0f2;
}

.dtrk-doc-actions form { margin: 0; }
.dtrk-doc-actions .dtrk-btn { min-height: 40px; font-size: .88rem; }
.dtrk-btn-danger { color: var(--dtrk-danger); border-color: var(--dtrk-danger); }

.dtrk-doc-history {
	margin-top: 14px;
	border-top: 1px solid var(--dtrk-line);
	padding-top: 12px;
}

.dtrk-doc-history summary {
	cursor: pointer;
	font-weight: 700;
	color: var(--dtrk-accent);
}

.dtrk-doc-history[open] summary { margin-bottom: 12px; }
.dtrk-doc-history .dtrk-log { padding-top: 4px; }
.dtrk-doc-history .dtrk-log li { grid-template-columns: minmax(115px, 150px) 1fr; }
.dtrk-doc-history .dtrk-log small { display: block; color: var(--dtrk-muted); margin-top: 2px; }

@media (max-width: 900px) {
	.dtrk-recipient-page .dtrk-shell {
		width: calc(100vw - 28px);
		padding-top: 10px;
	}
	.dtrk-recipient-page #dtrk-app { padding: 18px; }
	.dtrk-recipient-page .dtrk-frame iframe { height: 74vh; min-height: 480px; }
	.dtrk-dashboard-section-head { align-items: stretch; flex-direction: column; }
	.dtrk-dashboard-search { max-width: none; }
	.dtrk-dashboard-search input { width: 100%; }
}

@media (max-width: 600px) {
	.dtrk-recipient-page .dtrk-shell { width: calc(100vw - 16px); }
	.dtrk-recipient-page #dtrk-app { padding: 12px; }
	.dtrk-recipient-page .dtrk-frame iframe { height: 68vh; min-height: 380px; }
	.dtrk-dashboard-header { flex-direction: column; }
	.dtrk-dashboard-pill { display: none; }
	.dtrk-doc-card { padding: 14px; }
	.dtrk-doc-heading { flex-direction: column; gap: 8px; }
	.dtrk-doc-links { grid-template-columns: minmax(0, 1fr); }
	.dtrk-dashboard-search { flex-wrap: wrap; }
	.dtrk-dashboard-search input { flex: 1 1 100%; min-width: 0; }
	.dtrk-dashboard-search .dtrk-btn { flex: 1 0 auto; }
	.dtrk-doc-history .dtrk-log li { grid-template-columns: 1fr; gap: 4px; }
}


/* SecureDocs-style front-end portal (v0.2.3) */
.dtrk-scope.dtrk-dashboard {
	--dtrk-dash-nav: #122033;
	--dtrk-dash-nav2: #1a2d46;
	--dtrk-dash-blue: #2463eb;
	--dtrk-dash-blue-soft: #eaf1ff;
	--dtrk-dash-green: #12845a;
	--dtrk-dash-green-soft: #e5f7ef;
	--dtrk-dash-amber: #a8610b;
	--dtrk-dash-amber-soft: #fff3d9;
	--dtrk-dash-bg: #f4f7fb;
	--dtrk-dash-muted: #718096;
	--dtrk-dash-line: #e4eaf2;
	width: min(1760px, calc(100vw - 32px));
	max-width: 1760px;
	margin: 0 0 0 calc(50% - 50vw + 16px);
	padding: 22px;
	background: var(--dtrk-dash-bg);
	border: 1px solid var(--dtrk-dash-line);
	border-radius: 18px;
	box-shadow: 0 8px 30px rgba(23, 43, 77, .045);
	display: grid;
	grid-template-columns: 218px minmax(0, 1.65fr) minmax(300px, .95fr);
	grid-template-rows: auto auto auto auto auto auto;
	align-items: start;
	gap: 18px;
	color: #172338;
	font-size: 14px;
	line-height: 1.55;
}
.dtrk-dashboard .dtrk-dash-sidebar {
	grid-column: 1;
	grid-row: 1 / span 6;
	align-self: stretch;
	min-height: 740px;
	padding: 22px 13px;
	border-radius: 14px;
	background: linear-gradient(180deg, var(--dtrk-dash-nav), #0c1727);
	color: #d8e3f1;
	display: flex;
	flex-direction: column;
	gap: 26px;
}
.dtrk-dashboard .dtrk-dash-brand {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0 7px;
	color: #fff;
	text-decoration: none;
}
.dtrk-dashboard .dtrk-dash-brand-icon {
	width: 38px;
	height: 38px;
	border-radius: 12px;
	background: #eaf1ff;
	color: var(--dtrk-dash-blue);
	display: grid;
	place-items: center;
	font-size: 23px;
	flex: 0 0 auto;
}
.dtrk-dashboard .dtrk-dash-brand strong { display: block; color: #fff; font-size: 17px; letter-spacing: -.3px; line-height: 1.3; }
.dtrk-dashboard .dtrk-dash-brand small { display: block; color: #9eb0c6; font-size: 11px; margin-top: 3px; }
.dtrk-dashboard .dtrk-dash-nav { display: grid; gap: 7px; }
.dtrk-dashboard .dtrk-dash-nav a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 13px;
	border-radius: 10px;
	color: #c4d0df;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	transition: background .16s ease, color .16s ease, transform .16s ease;
}
.dtrk-dashboard .dtrk-dash-nav a > span { width: 20px; text-align: center; font-size: 17px; }
.dtrk-dashboard .dtrk-dash-nav a:hover,
.dtrk-dashboard .dtrk-dash-nav a.active { background: #255fe0; color: #fff; transform: translateX(1px); }
.dtrk-dashboard .dtrk-dash-side-note {
	margin-top: auto;
	padding: 14px;
	border: 1px solid #29435e;
	border-radius: 13px;
	background: #1b3049;
	color: #b7c7da;
	font-size: 11px;
	line-height: 1.7;
}
.dtrk-dashboard .dtrk-dash-side-note strong { display: block; color: #fff; margin-bottom: 4px; }
.dtrk-dashboard .dtrk-dashboard-header {
	grid-column: 2 / 4;
	grid-row: 1;
	margin: 0;
	padding: 4px 2px 0;
	align-items: center;
}
.dtrk-dashboard .dtrk-dash-eyebrow { color: var(--dtrk-dash-blue); font-size: 10px; font-weight: 800; letter-spacing: 1.25px; }
.dtrk-dashboard .dtrk-dashboard-header .dtrk-title { margin: 4px 0 5px; font-size: clamp(22px, 2vw, 28px); letter-spacing: -.65px; line-height: 1.3; }
.dtrk-dashboard .dtrk-dashboard-header .dtrk-hint { margin: 0; font-size: 12px; color: var(--dtrk-dash-muted); }
.dtrk-dashboard .dtrk-dash-header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap; }
.dtrk-dashboard .dtrk-dashboard-pill { border-color: var(--dtrk-dash-line); background: #fff; color: #5f6f82; padding: 8px 12px; border-radius: 10px; max-width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dtrk-dashboard .dtrk-btn { min-height: 38px; padding: 8px 12px; border: 1px solid var(--dtrk-dash-line); border-radius: 9px; background: #fff; color: #172338; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; text-decoration: none; transition: box-shadow .16s ease, transform .16s ease, background .16s ease; }
.dtrk-dashboard .dtrk-btn:hover { transform: translateY(-1px); box-shadow: 0 7px 18px rgba(23, 43, 77, .08); }
.dtrk-dashboard .dtrk-btn-primary { background: var(--dtrk-dash-blue); border-color: var(--dtrk-dash-blue); color: #fff; }
.dtrk-dashboard .dtrk-dash-stats {
	grid-column: 2 / 4;
	grid-row: 2;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}
.dtrk-dashboard .dtrk-dash-stat {
	min-width: 0;
	padding: 15px 16px;
	border: 1px solid var(--dtrk-dash-line);
	border-radius: 13px;
	background: #fff;
	box-shadow: 0 5px 20px rgba(23, 43, 77, .035);
}
.dtrk-dashboard .dtrk-dash-stat > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--dtrk-dash-muted); font-size: 11px; font-weight: 700; }
.dtrk-dashboard .dtrk-stat-icon { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 10px; background: var(--dtrk-dash-blue-soft); color: var(--dtrk-dash-blue); font-size: 16px; flex: 0 0 auto; }
.dtrk-dashboard .dtrk-dash-stat strong { display: block; margin: 8px 0 3px; color: #172338; font-size: 27px; font-variant-numeric: tabular-nums; line-height: 1.2; letter-spacing: -.7px; }
.dtrk-dashboard .dtrk-dash-stat small { display: block; color: var(--dtrk-dash-muted); font-size: 10px; line-height: 1.5; }
.dtrk-dashboard .dtrk-dash-stat:nth-child(4) .dtrk-stat-icon { color: var(--dtrk-dash-green); background: var(--dtrk-dash-green-soft); }
.dtrk-dashboard .dtrk-dashboard-flash { grid-column: 2 / 4; grid-row: 3; margin: 0; }
.dtrk-dashboard .dtrk-send-embed {
	grid-column: 3;
	grid-row: 4;
	min-width: 0;
	margin: 0;
	padding: 20px;
	border: 1px solid var(--dtrk-dash-line);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 7px 26px rgba(23, 43, 77, .04);
}
.dtrk-dashboard .dtrk-send-embed .dtrk-title { margin: 0 0 5px; font-size: 17px; letter-spacing: -.2px; }
.dtrk-dashboard .dtrk-send-embed > .dtrk-note { margin: 0 0 15px; color: var(--dtrk-dash-muted); font-size: 11px; }
.dtrk-dashboard .dtrk-send-embed .dtrk-form { display: grid; gap: 12px; }
.dtrk-dashboard .dtrk-send-embed .dtrk-form p { margin: 0; }
.dtrk-dashboard .dtrk-send-embed .dtrk-form label { display: block; margin-bottom: 6px; font-size: 11px; font-weight: 800; }
.dtrk-dashboard .dtrk-send-embed .dtrk-form input[type="text"],
.dtrk-dashboard .dtrk-send-embed .dtrk-form input[type="file"],
.dtrk-dashboard .dtrk-send-embed .dtrk-form textarea,
.dtrk-dashboard .dtrk-send-embed .dtrk-form select { width: 100%; min-width: 0; padding: 10px 11px; border: 1px solid var(--dtrk-dash-line); border-radius: 9px; background: #fbfcfe; color: #172338; font: inherit; font-size: 12px; }
.dtrk-dashboard .dtrk-send-embed .dtrk-form textarea { min-height: 70px; }
.dtrk-dashboard .dtrk-send-embed .dtrk-form small { display: block; margin-top: 5px; color: var(--dtrk-dash-muted); font-size: 10px; line-height: 1.5; }
.dtrk-dashboard .dtrk-send-embed .dtrk-form input[type="checkbox"] { display: inline-block; width: auto; margin-right: 5px; }
.dtrk-dashboard .dtrk-send-embed .dtrk-form p:has(input[type="checkbox"]) label { display: flex; align-items: flex-start; gap: 7px; }
.dtrk-dashboard .dtrk-send-embed .dtrk-form p:has(input[type="checkbox"]) strong { font-size: 11px; }
.dtrk-dashboard .dtrk-send-embed .dtrk-form p:last-child { margin-top: 3px; }
.dtrk-dashboard .dtrk-send-embed .dtrk-form p:last-child .dtrk-btn { width: 100%; min-height: 43px; }
.dtrk-dashboard .dtrk-send-embed .dtrk-send-success { margin-bottom: 16px; padding: 13px; border: 1px solid #bfe8d3; border-radius: 10px; background: #f2fbf6; font-size: 12px; }
.dtrk-dashboard .dtrk-send-embed .dtrk-send-success label { display: block; margin-top: 10px; }
.dtrk-dashboard .dtrk-send-embed .dtrk-send-success .dtrk-copyrow { display: flex; gap: 6px; }
.dtrk-dashboard .dtrk-send-embed .dtrk-send-success input { width: 100%; min-width: 0; }
.dtrk-dashboard .dtrk-dashboard-list {
	grid-column: 2;
	grid-row: 4 / span 3;
	min-width: 0;
	margin: 0;
	padding: 19px;
	border: 1px solid var(--dtrk-dash-line);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 7px 26px rgba(23, 43, 77, .04);
}
.dtrk-dashboard .dtrk-dashboard-section-head { align-items: center; margin-bottom: 13px; }
.dtrk-dashboard .dtrk-dashboard-section-head .dtrk-h2 { margin: 0 0 3px; font-size: 16px; }
.dtrk-dashboard .dtrk-dashboard-section-head .dtrk-hint { margin: 0; font-size: 11px; color: var(--dtrk-dash-muted); }
.dtrk-dashboard .dtrk-dashboard-search { display: flex; gap: 6px; max-width: 100%; }
.dtrk-dashboard .dtrk-dashboard-search input { width: min(25vw, 310px); min-width: 90px; min-height: 38px; border: 1px solid var(--dtrk-dash-line); border-radius: 8px; background: #fbfcfe; padding: 0 10px; font: inherit; font-size: 11px; }
.dtrk-dashboard .dtrk-dashboard-search .dtrk-btn { min-height: 38px; padding: 7px 10px; }
.dtrk-dashboard .dtrk-dashboard-clear { align-self: center; font-size: 11px; color: var(--dtrk-dash-blue); }
.dtrk-dashboard .dtrk-doc-card.dtrk-doc-row { margin: 0; padding: 0; border: 0; border-top: 1px solid #edf1f6; border-radius: 0; box-shadow: none; background: transparent; }
.dtrk-dashboard .dtrk-doc-row-summary { display: grid; grid-template-columns: minmax(140px, 1.4fr) auto minmax(100px, .8fr); align-items: center; gap: 11px; padding: 13px 2px; }
.dtrk-dashboard .dtrk-doc-leading { display: flex; align-items: center; gap: 10px; min-width: 0; }
.dtrk-dashboard .dtrk-doc-file-icon { display: inline-grid; place-items: center; width: 35px; height: 39px; flex: 0 0 auto; border: 1px solid #f8d9d9; border-radius: 7px; background: #fff0f0; color: #ce3b42; font-size: 9px; font-weight: 900; overflow: hidden; }
.dtrk-dashboard .dtrk-doc-name { min-width: 0; }
.dtrk-dashboard .dtrk-doc-name strong { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #172338; font-size: 12px; }
.dtrk-dashboard .dtrk-doc-name small { display: block; margin-top: 3px; color: var(--dtrk-dash-muted); font-size: 10px; line-height: 1.4; overflow-wrap: anywhere; }
.dtrk-dashboard .dtrk-doc-last-activity { color: var(--dtrk-dash-muted); font-size: 10px; line-height: 1.4; }
.dtrk-dashboard .dtrk-badge { display: inline-flex; align-items: center; width: max-content; max-width: 100%; white-space: nowrap; border-radius: 20px; padding: 5px 8px; font-size: 10px; font-weight: 800; }
.dtrk-dashboard .dtrk-b-created { color: #677589; background: #eef1f5; }
.dtrk-dashboard .dtrk-b-read, .dtrk-dashboard .dtrk-b-received { color: #12845a; background: #e5f7ef; }
.dtrk-dashboard .dtrk-b-confirmed, .dtrk-dashboard .dtrk-b-downloaded { color: #0e6f50; background: #d6f4e6; }
.dtrk-dashboard .dtrk-b-expired { color: #a8610b; background: #fff3d9; }
.dtrk-dashboard .dtrk-b-revoked { color: #b33a4b; background: #fce9ec; }
.dtrk-dashboard .dtrk-doc-details { border-top: 1px dashed #e9edf3; padding: 0 2px 12px; }
.dtrk-dashboard .dtrk-doc-details summary { padding: 8px 0 5px; cursor: pointer; color: var(--dtrk-dash-blue); font-size: 11px; font-weight: 800; }
.dtrk-dashboard .dtrk-doc-expanded { padding: 3px 0 0; }
.dtrk-dashboard .dtrk-doc-meta { gap: 6px 14px; margin: 6px 0 12px; padding: 9px 0; font-size: 10px; }
.dtrk-dashboard .dtrk-doc-links { grid-template-columns: minmax(0, 1fr); gap: 11px; }
.dtrk-dashboard .dtrk-doc-link label, .dtrk-dashboard .dtrk-dash-input-label { display: block; margin-bottom: 5px; color: #536277; font-size: 10px; font-weight: 800; }
.dtrk-dashboard .dtrk-doc-copyline { display: flex; align-items: stretch; gap: 6px; min-width: 0; }
.dtrk-dashboard .dtrk-doc-copyline input { width: 100%; min-width: 0; min-height: 37px; padding: 0 9px; border: 1px solid var(--dtrk-dash-line); border-radius: 8px; background: #fbfcfe; font: inherit; font-size: 10px; }
.dtrk-dashboard .dtrk-doc-copyline .dtrk-btn { flex: 0 0 auto; min-height: 37px; padding: 6px 10px; }
.dtrk-dashboard .dtrk-doc-actions { gap: 7px; margin-top: 12px; padding-top: 12px; }
.dtrk-dashboard .dtrk-doc-actions .dtrk-btn { min-height: 34px; font-size: 10px; }
.dtrk-dashboard .dtrk-doc-history { margin-top: 12px; border-top: 1px solid var(--dtrk-dash-line); padding-top: 10px; }
.dtrk-dashboard .dtrk-doc-history h4 { margin: 0 0 8px; font-size: 12px; }
.dtrk-dashboard .dtrk-doc-history .dtrk-log { margin: 0; }
.dtrk-dashboard .dtrk-doc-history .dtrk-log li { grid-template-columns: 100px minmax(0, 1fr); }
.dtrk-dashboard .dtrk-doc-history .dtrk-log small { color: var(--dtrk-dash-muted); }
.dtrk-dashboard .dtrk-dashboard-empty { padding: 28px 16px; border: 1px dashed var(--dtrk-dash-line); border-radius: 10px; background: #fbfcfe; text-align: center; }
.dtrk-dashboard .dtrk-dashboard-empty p { margin: 5px 0 0; color: var(--dtrk-dash-muted); font-size: 11px; }
.dtrk-dashboard .dtrk-dash-panel {
	grid-column: 3;
	min-width: 0;
	padding: 19px;
	border: 1px solid var(--dtrk-dash-line);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 7px 26px rgba(23, 43, 77, .04);
}
.dtrk-dashboard .dtrk-dashboard-receipt { grid-row: 5; }
.dtrk-dashboard .dtrk-dashboard-recipients { grid-row: 6; }
.dtrk-dashboard .dtrk-dash-panel-title { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 15px; }
.dtrk-dashboard .dtrk-dash-panel-title h2 { margin: 0; font-size: 15px; }
.dtrk-dashboard .dtrk-dash-panel-title p { margin: 4px 0 0; color: var(--dtrk-dash-muted); font-size: 10px; }
.dtrk-dashboard .dtrk-dash-panel-mark { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 10px; background: var(--dtrk-dash-green-soft); color: var(--dtrk-dash-green); font-weight: 800; }
.dtrk-dashboard .dtrk-dash-receipt-doc { display: flex; align-items: center; gap: 9px; min-width: 0; padding: 12px; border: 1px solid #dce8f8; border-radius: 10px; background: #f8fbff; }
.dtrk-dashboard .dtrk-dash-receipt-doc > div { flex: 1; min-width: 0; }
.dtrk-dashboard .dtrk-dash-receipt-doc strong { display: block; overflow-wrap: anywhere; font-size: 11px; }
.dtrk-dashboard .dtrk-dash-receipt-doc small { display: block; margin-top: 3px; color: var(--dtrk-dash-muted); font-size: 10px; overflow-wrap: anywhere; }
.dtrk-dashboard .dtrk-dash-receipt-doc .dtrk-badge { display: none; }
.dtrk-dashboard .dtrk-dash-facts { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 8px; margin: 14px 0; font-size: 10px; }
.dtrk-dashboard .dtrk-dash-facts dt { color: var(--dtrk-dash-muted); }
.dtrk-dashboard .dtrk-dash-facts dd { margin: 0; font-weight: 700; overflow-wrap: anywhere; }
.dtrk-dashboard .dtrk-dash-timeline { list-style: none; margin: 17px 0 0; padding: 0 0 0 7px; }
.dtrk-dashboard .dtrk-dash-timeline li { display: flex; gap: 11px; padding: 0 0 15px; position: relative; }
.dtrk-dashboard .dtrk-dash-timeline li:before { content: ""; position: absolute; top: 12px; bottom: -2px; left: 4px; width: 1px; background: #dce7f4; }
.dtrk-dashboard .dtrk-dash-timeline li:last-child:before { display: none; }
.dtrk-dashboard .dtrk-timeline-dot { z-index: 1; width: 10px; height: 10px; margin-top: 3px; border-radius: 50%; flex: 0 0 auto; background: var(--dtrk-dash-green); box-shadow: 0 0 0 4px var(--dtrk-dash-green-soft); }
.dtrk-dashboard .dtrk-timeline-dot.pending { background: #bdc9d8; box-shadow: 0 0 0 4px #f0f3f7; }
.dtrk-dashboard .dtrk-dash-timeline strong { display: block; font-size: 11px; }
.dtrk-dashboard .dtrk-dash-timeline small { display: block; margin-top: 3px; color: var(--dtrk-dash-muted); font-size: 10px; }
.dtrk-dashboard .dtrk-dash-disclaimer { margin: 8px 0 0; padding: 10px; border-radius: 9px; background: #f2f7ff; color: #49627f; font-size: 10px; line-height: 1.6; }
.dtrk-dashboard .dtrk-recipient-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.dtrk-dashboard .dtrk-recipient-list li { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 8px 0; border-top: 1px solid #edf1f6; }
.dtrk-dashboard .dtrk-recipient-avatar { width: 33px; height: 33px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; background: #dce7fb; color: #1f4a8c; font-size: 13px; font-weight: 800; }
.dtrk-dashboard .dtrk-recipient-name { min-width: 0; }
.dtrk-dashboard .dtrk-recipient-name strong { display: block; font-size: 11px; overflow-wrap: anywhere; }
.dtrk-dashboard .dtrk-recipient-name small { display: block; margin-top: 3px; color: var(--dtrk-dash-muted); font-size: 10px; }
.dtrk-dashboard [hidden] { display: none !important; }
.dtrk-dashboard .dtrk-send-embed .dtrk-auth-notice { margin: 0; }
.dtrk-dashboard .dtrk-send-embed .dtrk-form input:focus,
.dtrk-dashboard .dtrk-send-embed .dtrk-form textarea:focus,
.dtrk-dashboard .dtrk-send-embed .dtrk-form select:focus,
.dtrk-dashboard .dtrk-dashboard-search input:focus,
.dtrk-dashboard .dtrk-doc-copyline input:focus { outline: 2px solid #c9dcff; outline-offset: 1px; border-color: #8ab0ff; }

@media (max-width: 1240px) {
	.dtrk-scope.dtrk-dashboard { grid-template-columns: 190px minmax(0, 1.4fr) minmax(270px, .9fr); padding: 15px; gap: 13px; }
	.dtrk-dashboard .dtrk-dash-sidebar { padding: 17px 10px; }
	.dtrk-dashboard .dtrk-dash-stats { gap: 9px; }
	.dtrk-dashboard .dtrk-dash-stat { padding: 13px; }
	.dtrk-dashboard .dtrk-doc-row-summary { grid-template-columns: minmax(120px, 1fr) auto; }
	.dtrk-dashboard .dtrk-doc-last-activity { grid-column: 1 / -1; padding-left: 45px; }
}
@media (max-width: 980px) {
	.dtrk-scope.dtrk-dashboard { grid-template-columns: 1fr 1fr; width: calc(100vw - 24px); margin-left: calc(50% - 50vw + 12px); padding: 13px; }
	.dtrk-dashboard .dtrk-dash-sidebar { grid-column: 1 / -1; grid-row: 1; min-height: 0; padding: 13px; gap: 15px; }
	.dtrk-dashboard .dtrk-dash-brand { padding: 0 4px; }
	.dtrk-dashboard .dtrk-dash-side-note { display: none; }
	.dtrk-dashboard .dtrk-dash-nav { display: flex; flex-wrap: wrap; gap: 5px; }
	.dtrk-dashboard .dtrk-dash-nav a { padding: 9px 10px; font-size: 11px; }
	.dtrk-dashboard .dtrk-dashboard-header { grid-column: 1 / -1; grid-row: 2; }
	.dtrk-dashboard .dtrk-dash-stats { grid-column: 1 / -1; grid-row: 3; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.dtrk-dashboard .dtrk-dashboard-flash { grid-column: 1 / -1; grid-row: 4; }
	.dtrk-dashboard .dtrk-dashboard-list { grid-column: 1; grid-row: 5 / span 3; }
	.dtrk-dashboard .dtrk-send-embed { grid-column: 2; grid-row: 5; }
	.dtrk-dashboard .dtrk-dashboard-receipt { grid-column: 2; grid-row: 6; }
	.dtrk-dashboard .dtrk-dashboard-recipients { grid-column: 2; grid-row: 7; }
}
@media (max-width: 680px) {
	.dtrk-scope.dtrk-dashboard { display: flex; flex-direction: column; width: calc(100vw - 16px); margin-left: calc(50% - 50vw + 8px); padding: 8px; border-radius: 12px; gap: 11px; }
	.dtrk-dashboard .dtrk-dash-sidebar { width: 100%; padding: 12px; gap: 12px; border-radius: 11px; }
	.dtrk-dashboard .dtrk-dash-brand strong { font-size: 15px; }
	.dtrk-dashboard .dtrk-dash-brand-icon { width: 34px; height: 34px; }
	.dtrk-dashboard .dtrk-dash-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.dtrk-dashboard .dtrk-dash-nav a { padding: 9px 8px; }
	.dtrk-dashboard .dtrk-dashboard-header { width: 100%; flex-direction: column; gap: 12px; padding: 7px 3px; }
	.dtrk-dashboard .dtrk-dashboard-header .dtrk-title { font-size: 22px; }
	.dtrk-dashboard .dtrk-dash-header-actions { width: 100%; justify-content: space-between; }
	.dtrk-dashboard .dtrk-dash-stats { width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
	.dtrk-dashboard .dtrk-dash-stat { padding: 12px; }
	.dtrk-dashboard .dtrk-dash-stat strong { font-size: 23px; }
	.dtrk-dashboard .dtrk-dash-stat small { font-size: 9px; }
	.dtrk-dashboard .dtrk-dashboard-list,
	.dtrk-dashboard .dtrk-send-embed,
	.dtrk-dashboard .dtrk-dash-panel { width: 100%; padding: 14px; }
	.dtrk-dashboard .dtrk-dashboard-section-head { align-items: stretch; flex-direction: column; }
	.dtrk-dashboard .dtrk-dashboard-search { max-width: none; }
	.dtrk-dashboard .dtrk-dashboard-search input { width: 100%; min-width: 0; flex: 1 1 0; }
	.dtrk-dashboard .dtrk-doc-row-summary { grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
	.dtrk-dashboard .dtrk-doc-name strong { white-space: normal; }
	.dtrk-dashboard .dtrk-doc-last-activity { padding-left: 0; }
	.dtrk-dashboard .dtrk-doc-copyline { align-items: stretch; }
	.dtrk-dashboard .dtrk-doc-copyline input { flex: 1 1 auto; }
	.dtrk-dashboard .dtrk-doc-actions { flex-direction: column; }
	.dtrk-dashboard .dtrk-doc-actions form,
	.dtrk-dashboard .dtrk-doc-actions .dtrk-btn { width: 100%; }
}
.dtrk-dashboard .dtrk-send-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 15px; }
.dtrk-dashboard .dtrk-send-heading .dtrk-title { margin: 0 0 5px; }
.dtrk-dashboard .dtrk-send-heading .dtrk-note { margin: 0; color: var(--dtrk-dash-muted); font-size: 11px; }
.dtrk-dashboard .dtrk-send-tag { flex: 0 0 auto; padding: 4px 8px; border-radius: 8px; background: var(--dtrk-dash-blue-soft); color: var(--dtrk-dash-blue); font-size: 10px; font-weight: 800; }
.dtrk-dashboard .dtrk-send-embed .dtrk-form input[type="file"] { border: 1.5px dashed #b8c9e2; border-radius: 11px; padding: 13px 10px; background: #f8fbff; cursor: pointer; }

/* v0.2.4: shared layout for separated portal pages */
.dtrk-scope.dtrk-dashboard.dtrk-portal-page {
	grid-template-columns: 218px minmax(0, 1fr);
	grid-template-rows: auto;
	align-items: stretch;
}
.dtrk-portal-page .dtrk-dash-sidebar {
	grid-column: 1;
	grid-row: 1;
	min-height: 100%;
}
.dtrk-portal-page .dtrk-dash-nav-disabled {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 13px;
	border-radius: 10px;
	color: #7e91a8;
	font-size: 13px;
	font-weight: 600;
	cursor: not-allowed;
	opacity: .72;
}
.dtrk-portal-page .dtrk-dash-nav-disabled > span { width: 20px; text-align: center; font-size: 17px; }
.dtrk-portal-page .dtrk-portal-main {
	grid-column: 2;
	grid-row: 1;
	min-width: 0;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-content: start;
	gap: 18px;
}
.dtrk-portal-page .dtrk-dashboard-header,
.dtrk-portal-page .dtrk-dash-stats,
.dtrk-portal-page .dtrk-dashboard-flash,
.dtrk-portal-page .dtrk-send-embed,
.dtrk-portal-page .dtrk-dashboard-list,
.dtrk-portal-page .dtrk-dash-panel {
	grid-column: 1;
	grid-row: auto;
	min-width: 0;
	width: 100%;
	margin: 0;
}
.dtrk-portal-page .dtrk-dashboard-header {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding: 4px 2px 0;
}
.dtrk-portal-page .dtrk-dashboard-list,
.dtrk-portal-page .dtrk-send-embed,
.dtrk-portal-page .dtrk-dash-panel,
.dtrk-portal-page .dtrk-portal-card {
	padding: 20px;
	border: 1px solid var(--dtrk-dash-line);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 7px 26px rgba(23, 43, 77, .04);
}
.dtrk-portal-page .dtrk-dash-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.dtrk-portal-page .dtrk-dashboard-section-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
}
.dtrk-portal-page .dtrk-dashboard-section-head .dtrk-h2 { margin: 0 0 3px; font-size: 16px; }
.dtrk-portal-page .dtrk-dashboard-section-head .dtrk-hint { margin: 0; color: var(--dtrk-dash-muted); font-size: 11px; }
.dtrk-portal-page .dtrk-overview-row {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr) auto auto;
	align-items: center;
	gap: 12px;
	padding: 13px 0;
	border-top: 1px solid #edf1f6;
}
.dtrk-portal-page .dtrk-overview-row:first-of-type { border-top: 0; }
.dtrk-portal-page .dtrk-overview-row .dtrk-doc-name strong { white-space: normal; overflow-wrap: anywhere; }
.dtrk-portal-page .dtrk-overview-open { color: var(--dtrk-dash-blue); font-size: 11px; font-weight: 800; text-decoration: none; white-space: nowrap; }
.dtrk-portal-page .dtrk-page-setup {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	border-color: #d4e2fb;
	background: #f7faff;
}
.dtrk-portal-page .dtrk-page-setup strong { display: block; color: #1d3f72; font-size: 13px; }
.dtrk-portal-page .dtrk-page-setup p { margin: 4px 0 0; color: #5c6f89; font-size: 11px; }
.dtrk-portal-page .dtrk-page-setup form { flex: 0 0 auto; }
.dtrk-portal-page .dtrk-portal-flash { margin: 0; }
.dtrk-portal-page .dtrk-portal-receipt { grid-column: 1; grid-row: auto; }
.dtrk-portal-page .dtrk-portal-receipt .dtrk-dash-timeline { margin-bottom: 0; }
.dtrk-portal-page .dtrk-send-embed .dtrk-form { max-width: none; }
.dtrk-portal-page .dtrk-send-embed .dtrk-form > p { margin: 0; }
.dtrk-portal-page .dtrk-send-embed .dtrk-form input[type="text"],
.dtrk-portal-page .dtrk-send-embed .dtrk-form input[type="file"],
.dtrk-portal-page .dtrk-send-embed .dtrk-form textarea,
.dtrk-portal-page .dtrk-send-embed .dtrk-form select { width: 100%; }
.dtrk-portal-page .dtrk-history-document {
	margin: 0 0 16px;
	padding: 17px;
	border: 1px solid var(--dtrk-dash-line);
	border-radius: 12px;
	background: #fff;
}
.dtrk-portal-page .dtrk-history-document:last-child { margin-bottom: 0; }
.dtrk-portal-page .dtrk-history-heading {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
}
.dtrk-portal-page .dtrk-history-heading h3 { margin: 0; color: #172338; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
.dtrk-portal-page .dtrk-history-heading p { margin: 3px 0 0; color: var(--dtrk-dash-muted); font-size: 10px; }
.dtrk-portal-page .dtrk-history-count { flex: 0 0 auto; padding: 4px 8px; border-radius: 20px; background: #eef4ff; color: #255fe0; font-size: 10px; font-weight: 800; }
.dtrk-portal-page .dtrk-history-document .dtrk-dash-timeline { margin-top: 16px; }
.dtrk-portal-page .dtrk-recipient-card {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 0;
	border-top: 1px solid #edf1f6;
}
.dtrk-portal-page .dtrk-recipient-card:first-of-type { border-top: 0; }
.dtrk-portal-page .dtrk-recipient-card .dtrk-recipient-name { flex: 1; }
.dtrk-portal-page .dtrk-recipient-card .dtrk-btn { flex: 0 0 auto; }
.dtrk-portal-page .dtrk-doc-history .dtrk-dash-timeline { margin-top: 10px; }
.dtrk-portal-page .dtrk-doc-history .dtrk-dash-timeline li { grid-template-columns: none; }
.dtrk-scope.dtrk-portal-auth-view { width: min(720px, calc(100vw - 32px)); margin: 24px auto; }
.dtrk-portal-auth-view .dtrk-auth-notice { padding: 20px; border: 1px solid var(--dtrk-line); border-radius: 12px; background: #fff; }

@media (max-width: 1240px) {
	.dtrk-scope.dtrk-dashboard.dtrk-portal-page { grid-template-columns: 195px minmax(0, 1fr); padding: 15px; gap: 13px; }
	.dtrk-portal-page .dtrk-dash-sidebar { padding: 17px 10px; }
	.dtrk-portal-page .dtrk-dash-stats { gap: 9px; }
	.dtrk-portal-page .dtrk-dash-stat { padding: 13px; }
}
@media (max-width: 980px) {
	.dtrk-scope.dtrk-dashboard.dtrk-portal-page { grid-template-columns: minmax(0, 1fr); width: calc(100vw - 24px); margin-left: calc(50% - 50vw + 12px); padding: 13px; }
	.dtrk-portal-page .dtrk-dash-sidebar { grid-column: 1; grid-row: auto; min-height: 0; padding: 13px; gap: 15px; }
	.dtrk-portal-page .dtrk-dash-side-note { display: none; }
	.dtrk-portal-page .dtrk-dash-nav { display: flex; flex-wrap: wrap; gap: 5px; }
	.dtrk-portal-page .dtrk-dash-nav a,
	.dtrk-portal-page .dtrk-dash-nav-disabled { padding: 9px 10px; font-size: 11px; }
	.dtrk-portal-page .dtrk-portal-main { grid-column: 1; grid-row: auto; }
	.dtrk-portal-page .dtrk-dash-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
	.dtrk-scope.dtrk-dashboard.dtrk-portal-page { display: flex; flex-direction: column; width: calc(100vw - 16px); margin-left: calc(50% - 50vw + 8px); padding: 8px; border-radius: 12px; gap: 11px; }
	.dtrk-portal-page .dtrk-dash-sidebar { width: 100%; padding: 12px; gap: 12px; border-radius: 11px; }
	.dtrk-portal-page .dtrk-dash-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.dtrk-portal-page .dtrk-dash-nav a,
	.dtrk-portal-page .dtrk-dash-nav-disabled { padding: 9px 8px; }
	.dtrk-portal-page .dtrk-portal-main { width: 100%; }
	.dtrk-portal-page .dtrk-dashboard-header { width: 100%; flex-direction: column; gap: 12px; padding: 7px 3px; }
	.dtrk-portal-page .dtrk-dashboard-header .dtrk-title { font-size: 22px; }
	.dtrk-portal-page .dtrk-dash-header-actions { width: 100%; justify-content: space-between; }
	.dtrk-portal-page .dtrk-dash-stats { width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
	.dtrk-portal-page .dtrk-dashboard-list,
	.dtrk-portal-page .dtrk-send-embed,
	.dtrk-portal-page .dtrk-dash-panel,
	.dtrk-portal-page .dtrk-portal-card { width: 100%; padding: 14px; }
	.dtrk-portal-page .dtrk-dashboard-section-head { align-items: stretch; flex-direction: column; }
	.dtrk-portal-page .dtrk-dashboard-search { max-width: none; }
	.dtrk-portal-page .dtrk-dashboard-search input { width: 100%; min-width: 0; flex: 1 1 0; }
	.dtrk-portal-page .dtrk-overview-row { grid-template-columns: 35px minmax(0, 1fr); gap: 9px; }
	.dtrk-portal-page .dtrk-overview-row .dtrk-badge { grid-column: 2; }
	.dtrk-portal-page .dtrk-overview-open { grid-column: 2; justify-self: start; }
	.dtrk-portal-page .dtrk-page-setup { align-items: stretch; flex-direction: column; }
	.dtrk-portal-page .dtrk-page-setup form,
	.dtrk-portal-page .dtrk-page-setup .dtrk-btn { width: 100%; }
	.dtrk-portal-page .dtrk-doc-row-summary { grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
	.dtrk-portal-page .dtrk-doc-name strong { white-space: normal; }
	.dtrk-portal-page .dtrk-doc-last-activity { padding-left: 0; }
	.dtrk-portal-page .dtrk-doc-actions { flex-direction: column; }
	.dtrk-portal-page .dtrk-doc-actions form,
	.dtrk-portal-page .dtrk-doc-actions .dtrk-btn { width: 100%; }
	.dtrk-portal-page .dtrk-history-heading { flex-direction: column; }
	.dtrk-portal-page .dtrk-recipient-card { flex-wrap: wrap; }
	.dtrk-portal-page .dtrk-recipient-card .dtrk-btn { margin-left: 45px; }
}

/* v0.2.5: branded front-end login and administrator settings */
.dtrk-portal-page .dtrk-login-card,
.dtrk-portal-page .dtrk-front-settings,
.dtrk-portal-page .dtrk-settings-security { max-width: 100%; }
.dtrk-portal-page .dtrk-login-card { width: min(100%, 720px); margin: 0 auto; padding: clamp(22px, 4vw, 38px); }
.dtrk-login-intro { text-align: center; margin: 0 auto 24px; max-width: 440px; }
.dtrk-login-intro h2,
.dtrk-login-welcome h2 { margin: 12px 0 6px; color: #172338; font-size: 23px; line-height: 1.35; }
.dtrk-login-intro p,
.dtrk-login-welcome p { margin: 0 0 10px; color: #65748b; font-size: 13px; }
.dtrk-login-mark { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 15px; color: #fff; background: linear-gradient(135deg, #2563eb, #1946a8); font-size: 25px; font-weight: 800; box-shadow: 0 8px 18px rgba(37, 99, 235, .2); }
#dtrk-frontend-login-form { max-width: 430px; margin: 0 auto; }
#dtrk-frontend-login-form p { margin: 0 0 16px; }
#dtrk-frontend-login-form label { display: block; margin-bottom: 6px; color: #253750; font-size: 12px; font-weight: 750; }
#dtrk-frontend-login-form input[type="text"],
#dtrk-frontend-login-form input[type="password"] { width: 100%; min-height: 46px; padding: 10px 13px; border: 1px solid #d7e0ed; border-radius: 10px; background: #fff; color: #172338; font: inherit; box-shadow: 0 1px 2px rgba(16, 35, 66, .03); }
#dtrk-frontend-login-form .login-remember { display: flex; align-items: center; gap: 8px; }
#dtrk-frontend-login-form .login-remember label { margin: 0; font-weight: 550; }
#dtrk-frontend-login-form .login-remember input { margin: 0; }
#dtrk-frontend-login-form .login-submit { margin-top: 20px; }
#dtrk-frontend-login-form input[type="submit"] { display: inline-flex; width: 100%; min-height: 48px; align-items: center; justify-content: center; padding: 0 18px; border: 1px solid #255fe0; border-radius: 10px; color: #fff; background: #255fe0; font: inherit; font-weight: 800; cursor: pointer; }
#dtrk-frontend-login-form input[type="submit"]:hover { filter: brightness(.95); }
.dtrk-login-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 18px; margin: 4px 0 14px; font-size: 12px; }
.dtrk-login-links a,
.dtrk-login-core-link { color: #255fe0; font-weight: 700; text-decoration: none; }
.dtrk-login-core-link { display: inline-block; margin-top: 2px; font-size: 12px; }
.dtrk-login-intro + #dtrk-frontend-login-form + .dtrk-login-links { padding-top: 14px; border-top: 1px solid #edf1f7; }
.dtrk-login-welcome { text-align: center; }
.dtrk-login-welcome .dtrk-btn { margin: 8px 4px 0; }
.dtrk-settings-section-head { display: flex; align-items: center; gap: 13px; padding-bottom: 18px; margin-bottom: 20px; border-bottom: 1px solid #edf1f7; }
.dtrk-settings-section-head h2,
.dtrk-settings-security h2 { margin: 0; color: #172338; font-size: 17px; }
.dtrk-settings-section-head p { margin: 3px 0 0; color: #6b7a90; font-size: 12px; }
.dtrk-settings-icon { display: inline-flex; align-items: center; justify-content: center; width: 43px; height: 43px; border-radius: 12px; background: #edf4ff; color: #255fe0; font-size: 21px; }
.dtrk-front-settings-form { max-width: none; }
.dtrk-front-settings-form .dtrk-settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px 20px; }
.dtrk-front-settings-form .dtrk-settings-grid > p { min-width: 0; margin: 0 0 16px; }
.dtrk-front-settings-form label { display: block; margin-bottom: 6px; color: #253750; font-size: 12px; }
.dtrk-front-settings-form input[type="text"],
.dtrk-front-settings-form input[type="number"],
.dtrk-front-settings-form select { width: 100%; max-width: 100%; min-height: 44px; padding: 9px 11px; border: 1px solid #d7e0ed; border-radius: 9px; background: #fff; color: #172338; font: inherit; }
.dtrk-front-settings-form .dtrk-settings-grid small { display: block; margin-top: 6px; color: #718097; font-size: 11px; }
.dtrk-settings-toggles { display: grid; gap: 0; margin: 5px 0 22px; border-top: 1px solid #edf1f7; }
.dtrk-settings-toggles > label { display: flex; align-items: flex-start; gap: 11px; padding: 15px 2px; border-bottom: 1px solid #edf1f7; cursor: pointer; }
.dtrk-settings-toggles input[type="checkbox"] { flex: 0 0 auto; margin-top: 4px; width: 17px; height: 17px; accent-color: #255fe0; }
.dtrk-settings-toggles strong,
.dtrk-settings-toggles small { display: block; }
.dtrk-settings-toggles strong { color: #263850; font-size: 12px; }
.dtrk-settings-toggles small { margin-top: 3px; color: #718097; font-size: 11px; }
.dtrk-settings-security { background: #f8faff !important; }
.dtrk-settings-security p { color: #5f6f86; font-size: 12px; }
.dtrk-portal-page .dtrk-nav-logout { margin-top: 10px; border-top: 1px solid rgba(255,255,255,.12); padding-top: 14px; }
@media (max-width: 680px) {
  .dtrk-portal-page .dtrk-login-card { padding: 22px 16px; }
  .dtrk-front-settings-form .dtrk-settings-grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .dtrk-settings-section-head { align-items: flex-start; }
}


/* v0.2.6: email registration, OAuth and OTP verification */
.dtrk-auth-form { max-width: 440px; margin: 0 auto; }
.dtrk-auth-form p { margin: 0 0 15px; }
.dtrk-auth-form label { display: block; margin-bottom: 6px; color: #253750; font-size: 12px; font-weight: 750; }
.dtrk-auth-form input[type="text"],
.dtrk-auth-form input[type="email"],
.dtrk-auth-form input[type="password"] { box-sizing: border-box; width: 100%; min-height: 46px; padding: 10px 13px; border: 1px solid #d7e0ed; border-radius: 10px; background: #fff; color: #172338; font: inherit; box-shadow: 0 1px 2px rgba(16,35,66,.03); }
.dtrk-auth-form input:focus { outline: 2px solid rgba(37,95,224,.18); border-color: #255fe0; }
.dtrk-auth-form > .dtrk-btn { width: 100%; justify-content: center; min-height: 46px; }
.dtrk-auth-form .dtrk-auth-remember label { display: inline-flex; align-items: center; gap: 8px; font-weight: 550; }
.dtrk-auth-flash { margin: 0 0 18px; padding: 12px 14px; border-radius: 10px; font-size: 12px; line-height: 1.65; }
.dtrk-auth-flash.is-success { color: #086b4c; background: #effaf5; border: 1px solid #b8e6d2; }
.dtrk-auth-flash.is-error { color: #9a3412; background: #fff7ed; border: 1px solid #fed7aa; }
.dtrk-auth-resend { margin: 14px auto 0; text-align: center; }
.dtrk-auth-divider { display: flex; align-items: center; gap: 12px; margin: 18px auto; max-width: 440px; color: #78859a; font-size: 11px; }
.dtrk-auth-divider:before, .dtrk-auth-divider:after { content: ""; height: 1px; flex: 1; background: #e8edf5; }
.dtrk-google-btn { display: flex !important; align-items: center; justify-content: center; gap: 10px; width: min(100%, 440px); min-height: 46px; margin: 0 auto; color: #253750 !important; background: #fff !important; border: 1px solid #d7e0ed !important; box-shadow: 0 1px 2px rgba(16,35,66,.04); text-decoration: none !important; }
.dtrk-google-g { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; color: #4285f4; font-size: 18px; font-weight: 900; }
.dtrk-auth-settings { max-width: 100%; }
.dtrk-auth-redirect-uri { display: inline-block; max-width: 100%; overflow-wrap: anywhere; padding: 8px 10px; border-radius: 8px; color: #254b91; background: #f1f6ff; }
.dtrk-copy-auth-uri { margin-left: 8px; }
.dtrk-auth-setup-help { margin-top: 20px; padding: 16px 18px; border: 1px solid #e4ebf5; border-radius: 12px; background: #f8faff; color: #52627b; font-size: 12px; line-height: 1.75; }
.dtrk-auth-setup-help h3 { margin: 0 0 8px; color: #172338; font-size: 14px; }
.dtrk-auth-setup-help ol { margin: 8px 0 8px 20px; }
.dtrk-auth-setup-help p { margin: 8px 0 0; }
.dtrk-auth-settings input[type="password"] { box-sizing: border-box; width: 100%; max-width: 100%; min-height: 44px; padding: 9px 11px; border: 1px solid #d7e0ed; border-radius: 9px; }
@media (max-width: 680px) { .dtrk-copy-auth-uri { margin: 10px 0 0; } .dtrk-auth-setup-help { padding: 13px; } }


/* v0.2.7: full-viewport, standalone SecureDocs authentication page */
html:has(body.dtrk-standalone-auth-page) { margin-top: 0 !important; }
body.dtrk-standalone-auth-page {
  --dtrk-auth-blue: #245eea;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 100vh !important;
  min-height: 100svh !important;
  overflow-x: hidden;
  background: #eef3fa !important;
}
body.dtrk-standalone-auth-page #wpadminbar,
body.dtrk-standalone-auth-page #masthead,
body.dtrk-standalone-auth-page #colophon,
body.dtrk-standalone-auth-page .site-header,
body.dtrk-standalone-auth-page .site-footer,
body.dtrk-standalone-auth-page .elementor-location-header,
body.dtrk-standalone-auth-page .elementor-location-footer,
body.dtrk-standalone-auth-page .ast-primary-header-bar,
body.dtrk-standalone-auth-page .ast-mobile-header-wrap,
body.dtrk-standalone-auth-page .main-header-bar,
body.dtrk-standalone-auth-page .entry-header,
body.dtrk-standalone-auth-page .entry-footer,
body.dtrk-standalone-auth-page .wp-block-post-title,
body.dtrk-standalone-auth-page .breadcrumbs,
body.dtrk-standalone-auth-page .breadcrumb,
body.dtrk-standalone-auth-page .woocommerce-breadcrumb,
body.dtrk-standalone-auth-page .wp-site-blocks > header,
body.dtrk-standalone-auth-page .wp-site-blocks > footer,
body.dtrk-standalone-auth-page .wp-block-template-part:has(> header),
body.dtrk-standalone-auth-page .wp-block-template-part:has(> footer) { display: none !important; }
body.dtrk-standalone-auth-page #page,
body.dtrk-standalone-auth-page .site,
body.dtrk-standalone-auth-page #content,
body.dtrk-standalone-auth-page .site-content,
body.dtrk-standalone-auth-page #primary,
body.dtrk-standalone-auth-page #main,
body.dtrk-standalone-auth-page main.site-main,
body.dtrk-standalone-auth-page .content-area,
body.dtrk-standalone-auth-page .elementor,
body.dtrk-standalone-auth-page .elementor-section-wrap,
body.dtrk-standalone-auth-page .elementor-location-single,
body.dtrk-standalone-auth-page .entry-content,
body.dtrk-standalone-auth-page .wp-site-blocks,
body.dtrk-standalone-auth-page article.page,
body.dtrk-standalone-auth-page .type-page,
body.dtrk-standalone-auth-page .ast-container,
body.dtrk-standalone-auth-page .container,
body.dtrk-standalone-auth-page .wrap,
body.dtrk-standalone-auth-page .site-inner,
body.dtrk-standalone-auth-page .content-wrap,
body.dtrk-standalone-auth-page .content-inner {
  width: 100% !important;
  max-width: none !important;
  min-height: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.dtrk-standalone-auth-page .dtrk-auth-standalone-root {
  box-sizing: border-box;
  display: grid;
  place-items: center;
  width: 100vw;
  max-width: none;
  min-height: 100vh;
  min-height: 100svh;
  margin: 0 0 0 calc(50% - 50vw);
  padding: clamp(22px, 5vh, 52px) 18px;
  color: #18253b;
  background: radial-gradient(ellipse at 12% 8%, rgba(199, 219, 255, .66), transparent 40%), radial-gradient(ellipse at 88% 92%, rgba(211, 242, 235, .7), transparent 38%), #eef3fa;
  font-family: "Noto Sans Thai", "Sarabun", "Leelawadee UI", Tahoma, system-ui, sans-serif;
}
.dtrk-auth-standalone-wrap { width: min(100%, 480px); margin: auto; }
.dtrk-auth-standalone-brand { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 0 auto 22px; color: #14223a; }
.dtrk-auth-standalone-logo { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; flex: 0 0 48px; border-radius: 15px; color: #285de0; background: #fff; border: 1px solid #e0e9f7; box-shadow: 0 8px 22px rgba(23, 52, 100, .08); font-size: 28px; line-height: 1; }
.dtrk-auth-standalone-brand strong, .dtrk-auth-standalone-brand small { display: block; }
.dtrk-auth-standalone-brand strong { font-size: 22px; letter-spacing: -.03em; line-height: 1.2; }
.dtrk-auth-standalone-brand small { margin-top: 4px; color: #71819a; font-size: 10px; font-weight: 800; letter-spacing: .15em; }
.dtrk-auth-standalone-card { box-sizing: border-box; width: 100%; padding: clamp(24px, 5vw, 40px); border: 1px solid rgba(211, 222, 237, .95); border-radius: 24px; background: rgba(255,255,255,.97); box-shadow: 0 24px 70px rgba(35, 57, 92, .11); }
.dtrk-auth-standalone-card .dtrk-login-intro { max-width: 100%; margin: 0 auto 26px; }
.dtrk-auth-standalone-card .dtrk-login-intro h2,
.dtrk-auth-standalone-card .dtrk-login-welcome h2 { color: #16243a; font-size: clamp(23px, 3vw, 29px); font-weight: 800; letter-spacing: -.025em; }
.dtrk-auth-standalone-card .dtrk-login-intro p,
.dtrk-auth-standalone-card .dtrk-login-welcome p { color: #728198; font-size: 14px; }
.dtrk-auth-standalone-card .dtrk-login-mark { width: 58px; height: 58px; border-radius: 18px; background: linear-gradient(140deg, #3270f3, #1e4bb7); }
.dtrk-auth-standalone-card #dtrk-frontend-login-form,
.dtrk-auth-standalone-card .dtrk-auth-form { max-width: 100%; }
.dtrk-auth-standalone-card #dtrk-frontend-login-form label,
.dtrk-auth-standalone-card .dtrk-auth-form label { color: #24354d; font-size: 13px; }
.dtrk-auth-standalone-card #dtrk-frontend-login-form input[type="text"],
.dtrk-auth-standalone-card #dtrk-frontend-login-form input[type="password"],
.dtrk-auth-standalone-card .dtrk-auth-form input[type="text"],
.dtrk-auth-standalone-card .dtrk-auth-form input[type="email"],
.dtrk-auth-standalone-card .dtrk-auth-form input[type="password"] { min-height: 50px; border-radius: 12px; border-color: #dbe4f0; }
.dtrk-auth-standalone-card #dtrk-frontend-login-form input[type="submit"],
.dtrk-auth-standalone-card .dtrk-auth-form > .dtrk-btn,
.dtrk-auth-standalone-card .dtrk-google-btn { min-height: 50px; border-radius: 12px; }
.dtrk-auth-standalone-card .dtrk-btn-primary,
.dtrk-auth-standalone-card #dtrk-frontend-login-form input[type="submit"] { background: var(--dtrk-auth-blue, #245eea); border-color: var(--dtrk-auth-blue, #245eea); }
.dtrk-auth-standalone-card .dtrk-login-links { gap: 10px 18px; margin: 15px 0 10px; font-size: 13px; }
.dtrk-auth-standalone-card .dtrk-auth-divider { margin: 18px auto; }
.dtrk-auth-standalone-card .dtrk-auth-flash { font-size: 13px; }
.dtrk-auth-standalone-foot { margin: 18px 0 0; color: #8592a6; font-size: 11px; text-align: center; }
.dtrk-auth-qr { margin: 18px auto 2px; border: 1px solid #e2e9f3; border-radius: 14px; background: #f8faff; overflow: hidden; }
.dtrk-auth-qr summary { display: flex; align-items: center; gap: 12px; padding: 13px 15px; cursor: pointer; list-style: none; }
.dtrk-auth-qr summary::-webkit-details-marker { display: none; }
.dtrk-auth-qr summary:after { content: "+"; margin-left: auto; color: #54709a; font-size: 22px; line-height: 1; }
.dtrk-auth-qr[open] summary:after { content: "−"; }
.dtrk-auth-qr-icon { display: inline-flex; align-items: center; justify-content: center; width: 37px; height: 37px; flex: 0 0 37px; border-radius: 10px; color: #245eea; background: #e9f0ff; font-size: 22px; }
.dtrk-auth-qr summary strong, .dtrk-auth-qr summary small { display: block; }
.dtrk-auth-qr summary strong { color: #233750; font-size: 13px; }
.dtrk-auth-qr summary small { margin-top: 2px; color: #77869b; font-size: 11px; }
.dtrk-auth-qr-content { display: grid; justify-items: center; padding: 4px 20px 18px; border-top: 1px solid #e9eef6; text-align: center; }
.dtrk-auth-qr-image { display: block; width: 200px; height: 200px; max-width: 100%; margin: 16px auto 8px; padding: 8px; border: 1px solid #e0e7f1; border-radius: 12px; background: white; object-fit: contain; }
.dtrk-auth-qr-content p { max-width: 300px; margin: 6px 0 10px; color: #64748b; font-size: 12px; line-height: 1.6; }
.dtrk-auth-qr-fallback { color: #245eea; font-size: 12px; font-weight: 750; text-decoration: none; }
.dtrk-auth-qr-content > small { display: block; margin-top: 12px; color: #96a1b2; font-size: 10px; line-height: 1.5; }
@media (max-width: 600px) {
  body.dtrk-standalone-auth-page .dtrk-auth-standalone-root { padding: 20px 14px max(20px, env(safe-area-inset-bottom)); align-items: center; }
  .dtrk-auth-standalone-wrap { width: min(100%, 440px); }
  .dtrk-auth-standalone-brand { margin-bottom: 18px; }
  .dtrk-auth-standalone-logo { width: 44px; height: 44px; flex-basis: 44px; border-radius: 14px; }
  .dtrk-auth-standalone-brand strong { font-size: 20px; }
  .dtrk-auth-standalone-card { padding: 25px 20px; border-radius: 22px; }
  .dtrk-auth-standalone-card .dtrk-login-intro { margin-bottom: 22px; }
  .dtrk-auth-standalone-foot { font-size: 10px; }
}
@media (max-height: 700px) and (min-width: 601px) {
  body.dtrk-standalone-auth-page .dtrk-auth-standalone-root { align-items: start; }
}


/* v0.2.8: make the email registration action prominent on the standalone login page */
.dtrk-auth-register-cta { max-width: 440px; margin: 17px auto 10px; padding-top: 17px; border-top: 1px solid #edf1f7; text-align: center; }
.dtrk-auth-register-cta p { margin: 0 0 10px; color: #5d6e85; font-size: 13px; }
.dtrk-auth-standalone-card .dtrk-auth-register-button { display: flex; width: 100%; min-height: 48px; align-items: center; justify-content: center; padding: 11px 16px; border: 1px solid #cddcff; border-radius: 12px; color: #245eea; background: #f4f7ff; font-size: 13px; font-weight: 800; text-decoration: none; box-sizing: border-box; }
.dtrk-auth-standalone-card .dtrk-auth-register-button:hover { border-color: #245eea; background: #edf3ff; }

/* Standalone landing page: hide theme chrome. Landing visuals live in assets/landing.css (v0.4.0). */
html:has(body.dtrk-standalone-landing-page) { margin-top: 0 !important; scroll-behavior: smooth; }
body.dtrk-standalone-landing-page {
  margin: 0 !important; padding: 0 !important; min-height: 100vh; overflow-x: hidden;
  font-family: "Noto Sans Thai", "Sarabun", "Leelawadee UI", Tahoma, system-ui, sans-serif;
}
body.dtrk-standalone-landing-page #wpadminbar,
body.dtrk-standalone-landing-page #masthead,
body.dtrk-standalone-landing-page #colophon,
body.dtrk-standalone-landing-page .site-header,
body.dtrk-standalone-landing-page .site-footer,
body.dtrk-standalone-landing-page .elementor-location-header,
body.dtrk-standalone-landing-page .elementor-location-footer,
body.dtrk-standalone-landing-page .ast-primary-header-bar,
body.dtrk-standalone-landing-page .ast-mobile-header-wrap,
body.dtrk-standalone-landing-page .main-header-bar,
body.dtrk-standalone-landing-page .entry-header,
body.dtrk-standalone-landing-page .entry-footer,
body.dtrk-standalone-landing-page .wp-block-post-title,
body.dtrk-standalone-landing-page .breadcrumbs,
body.dtrk-standalone-landing-page .breadcrumb,
body.dtrk-standalone-landing-page .woocommerce-breadcrumb,
body.dtrk-standalone-landing-page .wp-site-blocks > header,
body.dtrk-standalone-landing-page .wp-site-blocks > footer,
body.dtrk-standalone-landing-page .wp-block-template-part:has(> header),
body.dtrk-standalone-landing-page .wp-block-template-part:has(> footer) { display: none !important; }
body.dtrk-standalone-landing-page #page,
body.dtrk-standalone-landing-page .site,
body.dtrk-standalone-landing-page #content,
body.dtrk-standalone-landing-page .site-content,
body.dtrk-standalone-landing-page #primary,
body.dtrk-standalone-landing-page #main,
body.dtrk-standalone-landing-page main.site-main,
body.dtrk-standalone-landing-page .content-area,
body.dtrk-standalone-landing-page .elementor,
body.dtrk-standalone-landing-page .elementor-section-wrap,
body.dtrk-standalone-landing-page .elementor-location-single,
body.dtrk-standalone-landing-page .entry-content,
body.dtrk-standalone-landing-page .wp-site-blocks,
body.dtrk-standalone-landing-page article.page,
body.dtrk-standalone-landing-page .type-page,
body.dtrk-standalone-landing-page .ast-container,
body.dtrk-standalone-landing-page .container,
body.dtrk-standalone-landing-page .wrap,
body.dtrk-standalone-landing-page .site-inner,
body.dtrk-standalone-landing-page .content-wrap,
body.dtrk-standalone-landing-page .content-inner {
  width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important;
  border: 0 !important; box-shadow: none !important;
}


/* v0.4.2 UX: centered portal, mobile drawer, readable theme-safe content */
.dtrk-scope.dtrk-dashboard {
  width: min(100% - 32px, 1360px);
  max-width: 1360px;
  margin: 24px auto;
  box-sizing: border-box;
  grid-template-columns: 218px minmax(0, 1.65fr) minmax(260px, .95fr);
}
.dtrk-dashboard *, .dtrk-dashboard *::before, .dtrk-dashboard *::after { box-sizing: border-box; }
.dtrk-dashboard .dtrk-portal-mobilebar { display:none; }
.dtrk-dashboard .dtrk-portal-font-tools { display:flex; gap:5px; align-items:center; }
.dtrk-dashboard .dtrk-portal-font-tools button {
  min-width:32px; min-height:32px; border:1px solid var(--dtrk-dash-line);
  border-radius:8px; background:#fff; color:#172338; font:inherit; font-weight:700; cursor:pointer;
}
.dtrk-dashboard.dtrk-font-large { font-size:16px; }
.dtrk-dashboard.dtrk-font-larger { font-size:18px; }
.dtrk-dashboard.dtrk-font-large .dtrk-dash-nav a { font-size:14px; }
.dtrk-dashboard.dtrk-font-larger .dtrk-dash-nav a { font-size:15px; }
.dtrk-dashboard.dtrk-font-large .dtrk-dashboard-header .dtrk-title { font-size:clamp(24px, 2.2vw, 30px); }
.dtrk-dashboard.dtrk-font-larger .dtrk-dashboard-header .dtrk-title { font-size:clamp(26px, 2.4vw, 32px); }
@media (max-width: 900px) {
  .dtrk-scope.dtrk-dashboard { width:calc(100% - 24px); margin:12px auto; padding:14px; grid-template-columns:minmax(0,1fr); gap:14px; }
  .dtrk-dashboard .dtrk-portal-mobilebar {
    display:flex; grid-column:1; align-items:center; justify-content:space-between; gap:12px;
    padding:8px 2px; min-width:0;
  }
  .dtrk-dashboard .dtrk-portal-menu-toggle {
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    min-height:42px; padding:8px 13px; border:1px solid #cbd8ea; border-radius:11px;
    background:#fff; color:#172338; font:inherit; font-weight:750; cursor:pointer;
  }
  .dtrk-dashboard .dtrk-portal-menu-toggle .dtrk-menu-glyph { font-size:20px; line-height:1; }
  .dtrk-dashboard .dtrk-dash-sidebar {
    position:fixed; z-index:100100; top:0; bottom:0; left:0; width:min( min(340px, 88vw), 340px);
    min-height:0; height:100dvh; overflow-y:auto; border-radius:0 18px 18px 0;
    padding:22px 16px; transform:translateX(-105%); transition:transform .22s ease;
    box-shadow:0 15px 45px rgba(0,0,0,.28);
  }
  .dtrk-dashboard.dtrk-menu-open .dtrk-dash-sidebar { transform:translateX(0); }
  .dtrk-dashboard .dtrk-portal-scrim {
    display:none; position:fixed; z-index:100099; inset:0; background:rgba(5,12,24,.62);
  }
  .dtrk-dashboard.dtrk-menu-open .dtrk-portal-scrim { display:block; }
  .dtrk-dashboard .dtrk-dashboard-header,
  .dtrk-dashboard .dtrk-dash-stats,
  .dtrk-dashboard .dtrk-portal-main { grid-column:1; }
  .dtrk-dashboard .dtrk-dashboard-header { grid-row:auto; }
}
@media (max-width: 600px) {
  .dtrk-scope.dtrk-dashboard { width:calc(100% - 16px); margin:8px auto; padding:10px; border-radius:14px; }
  .dtrk-dashboard .dtrk-portal-mobilebar { padding:4px 2px 8px; }
  .dtrk-dashboard .dtrk-dashboard-header { gap:10px; padding:4px 2px 8px; }
  .dtrk-dashboard .dtrk-dashboard-header .dtrk-title { overflow-wrap:anywhere; }
  .dtrk-dashboard .dtrk-dash-header-actions { justify-content:flex-start; }
  .dtrk-dashboard .dtrk-portal-font-tools button { min-width:30px; min-height:30px; }
}
@media (prefers-color-scheme: dark) {
  /* Do not auto-force the portal dark; preserve its deliberately light workspace. */
  .dtrk-dashboard .dtrk-portal-menu-toggle,
  .dtrk-dashboard .dtrk-portal-font-tools button { color:#172338; background:#fff; }
}


/* v0.4.3 refinements requested: keep original landing theme toggle; single-column mobile navigation */
@media (max-width: 900px) {
  .dtrk-dashboard .dtrk-dash-nav {
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    width:100%;
  }
  .dtrk-dashboard .dtrk-dash-nav > *,
  .dtrk-dashboard .dtrk-dash-nav a,
  .dtrk-dashboard .dtrk-dash-nav button {
    width:100% !important;
    min-width:0 !important;
    grid-column:1 / -1 !important;
    justify-content:flex-start !important;
    text-align:left;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .dtrk-dashboard .dtrk-dash-nav a { min-height:46px; padding:12px 14px; }
  .dtrk-dashboard .dtrk-dash-nav .dtrk-btn,
  .dtrk-dashboard .dtrk-dash-nav .dtrk-btn-primary { width:100% !important; }
}

/* v0.5.1 display preferences ([dtrk_display]) — values come from user meta via inline CSS variables / data attributes */
.dtrk-portal-page { --dtrk-zoom: 1; --dtrk-lh: 1.65; --dtrk-cell-h: 38px; line-height: var(--dtrk-lh); }
.dtrk-portal-page .dtrk-portal-main,
.dtrk-portal-page .dtrk-dash-sidebar { zoom: var(--dtrk-zoom); }
.dtrk-portal-page[data-dtrk-density="compact"] .dtrk-portal-card { padding: 12px; }
.dtrk-portal-page[data-dtrk-density="roomy"] .dtrk-portal-card { padding: 28px; }
.dtrk-portal-page[data-dtrk-density="compact"] .dtrk-dash-nav a { padding-top: 6px; padding-bottom: 6px; }
.dtrk-portal-page[data-dtrk-density="roomy"] .dtrk-dash-nav a { padding-top: 13px; padding-bottom: 13px; }
.dtrk-portal-page[data-dtrk-contrast="high"] {
	--dtrk-ink: #000; --dtrk-muted: #2b3842; --dtrk-line: #7d8d99;
	--dtrk-dash-muted: #2b3842; --dtrk-dash-line: #7d8d99; color: #000;
}
.dtrk-portal-page[data-dtrk-contrast="high"] .dtrk-hint,
.dtrk-portal-page[data-dtrk-contrast="high"] small { color: #26323b; }
.dtrk-portal-page[data-dtrk-contrast="high"] .dtrk-portal-card { border-color: #7d8d99; }
.dtrk-portal-page[data-dtrk-motion="reduce"] *,
.dtrk-portal-page[data-dtrk-motion="reduce"] *::before,
.dtrk-portal-page[data-dtrk-motion="reduce"] *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
.dtrk-display-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 20px; }
.dtrk-display-field { display: grid; gap: 6px; align-content: start; }
.dtrk-display-wide { grid-column: 1 / -1; }
.dtrk-display-field > label { display: flex; justify-content: space-between; gap: 10px; }
.dtrk-display-field select { min-height: 40px; padding: 6px 10px; border: 1px solid var(--dtrk-line, #d3dbe0); border-radius: 8px; font: inherit; background: #fff; color: inherit; }
.dtrk-display-field input[type="range"] { width: 100%; accent-color: var(--dtrk-dash-blue, #2463eb); }
.dtrk-display-presets { display: flex; flex-wrap: wrap; gap: 8px; }
.dtrk-display-check { display: flex !important; justify-content: flex-start !important; align-items: center; gap: 8px; }
.dtrk-display-sample { margin: 20px 0; padding: 16px; border: 1px dashed var(--dtrk-line, #d3dbe0); border-radius: 12px; background: #fafcfd; }
.dtrk-display-sample-table { border-collapse: collapse; width: 100%; max-width: 420px; }
.dtrk-display-sample-table th, .dtrk-display-sample-table td { border: 1px solid var(--dtrk-line, #d3dbe0); padding: 4px 8px; text-align: left; min-height: var(--dtrk-cell-h, 38px); }
.dtrk-display-actions { display: flex; flex-wrap: wrap; gap: 10px; }
@media (max-width: 720px) { .dtrk-display-grid { grid-template-columns: 1fr; } }