.etp-shell {
	box-sizing: border-box;
	width: calc(100vw - 32px) !important;
	max-width: none !important;
	margin: 0 0 0 calc(50% - 50vw + 16px) !important;
	padding: 24px clamp(16px, 2.4vw, 34px) 34px;
	color: var(--etp-text);
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: var(--etp-fs-md);
}

/* P0-1: 100vw tam-genislik kaynakli yatay kaymayi kes (dikey sticky'i bozmamak icin clip; hidden DEGIL) */
html:has(.etp-shell), body:has(.etp-shell),
html:has(.etp-login-page), body:has(.etp-login-page) {
	overflow-x: clip;
}

.etp-shell a {
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

/* B hizalama: shell tam genislik kalir; header/topbar/banner/workspace ortak 1400px kolonda ortalanir */
.etp-shell > * {
	width: 100% !important;
	max-width: 1400px !important;
	margin-inline: auto !important;
	box-sizing: border-box !important;
}

.etp-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 28px;
	background: var(--etp-surface-soft);
	border: 1px solid var(--etp-border);
	border-radius: 8px;
}

.etp-header-main {
	display: grid;
	grid-template-columns: 190px minmax(0, 1fr);
	gap: 4px 22px;
	align-items: center;
}

.etp-header-logo {
	grid-row: span 3;
	width: 180px;
	max-width: 100%;
	height: auto;
}

.etp-header h1 {
	margin: 4px 0 8px;
	font-size: 32px;
	line-height: 1.15;
	letter-spacing: 0;
}

.etp-header p {
	margin: 0;
	max-width: 720px;
	color: var(--etp-muted);
}

.etp-kicker {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--etp-accent) !important;
}

.etp-subscription {
	min-width: 190px;
	padding: 16px;
	background: #ffffff;
	border: 1px solid var(--etp-border);
	border-radius: 8px;
}

.etp-subscription span,
.etp-metric span,
.etp-panel-head span {
	display: block;
	font-size: 12px;
	color: var(--etp-muted);
	text-transform: uppercase;
	font-weight: 700;
}

.etp-subscription strong {
	display: block;
	margin-top: 5px;
	font-size: 18px;
}

.etp-subscription small {
	display: block;
	margin-top: 8px;
	color: var(--etp-muted);
	font-weight: 700;
}

.etp-alert-center {
	display: grid;
	grid-template-columns: 300px minmax(0, 1fr);
	gap: 12px;
	margin: 16px 0;
}

.etp-alert-summary {
	display: grid;
	grid-template-columns: 1fr;
	gap: 8px;
}

.etp-alert-summary-card {
	position: relative;
	min-height: 82px;
	padding: 14px 14px 14px 18px;
	background: #ffffff;
	border: 1px solid var(--etp-border);
	border-left: 6px solid var(--etp-border);
	border-radius: 8px;
	box-shadow: 0 10px 24px rgba(23, 33, 31, 0.05);
}

.etp-alert-summary span {
	display: block;
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	color: var(--etp-muted);
}

.etp-alert-summary strong {
	display: block;
	margin-top: 8px;
	font-size: 28px;
	line-height: 1;
}

.etp-alert-summary small {
	display: block;
	margin-top: 6px;
	color: var(--etp-muted);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.35;
}

.etp-alert-summary-danger {
	background: var(--etp-warning-soft);
	border-color: var(--etp-danger-soft);
	border-left-color: var(--etp-danger);
}

.etp-alert-summary-warning {
	background: var(--etp-warning-soft);
	border-color: var(--etp-warning-soft);
	border-left-color: var(--etp-warning);
}

.etp-alert-summary-info {
	background: var(--etp-info-soft);
	border-color: var(--etp-border-strong);
	border-left-color: var(--etp-info);
}

.etp-alert-feed {
	display: grid;
	grid-template-columns: 1fr;
	gap: 6px;
	align-content: start;
}

.etp-alert-item {
	display: grid;
	grid-template-columns: 12px 92px minmax(160px, 1fr) minmax(150px, 0.8fr);
	gap: 10px;
	align-items: center;
	min-height: 52px;
	padding: 10px 12px;
	background: #ffffff;
	border: 1px solid var(--etp-border);
	border-left-width: 4px;
	border-radius: 8px;
}

.etp-alert-dot {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var(--etp-muted);
}

.etp-alert-item small,
.etp-alert-item strong,
.etp-alert-item span {
	display: block;
	min-width: 0;
}

.etp-alert-item small {
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	color: var(--etp-muted);
}

.etp-alert-item strong {
	font-size: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.etp-alert-item span {
	color: var(--etp-muted);
	font-size: 13px;
}

.etp-alert-item-danger {
	background: var(--etp-danger-soft);
	border-color: var(--etp-danger-soft);
	border-left-color: var(--etp-danger);
}

.etp-alert-item-danger .etp-alert-dot {
	background: var(--etp-danger);
}

.etp-alert-item-warning {
	background: #fffdf6;
	border-color: var(--etp-warning-soft);
	border-left-color: var(--etp-warning);
}

.etp-alert-item-warning .etp-alert-dot {
	background: var(--etp-warning);
}

.etp-alert-item-info {
	background: #f8fbfd;
	border-color: var(--etp-border-strong);
	border-left-color: var(--etp-info);
}

.etp-alert-item-info .etp-alert-dot {
	background: var(--etp-info);
}

.etp-alert-item-ok {
	grid-template-columns: minmax(0, 1fr);
	background: #f5fbf7;
	border-color: #c7dfcf;
	border-left-color: var(--etp-accent);
}

.etp-metrics {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin: 16px 0;
}

.etp-metric {
	padding: 16px;
	background: #ffffff;
	border: 1px solid var(--etp-border);
	border-radius: 8px;
}

.etp-metric strong {
	display: block;
	margin-top: 8px;
	font-size: 30px;
	line-height: 1;
}

.etp-quick-actions {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin: 16px 0;
}

.etp-quick-actions a {
	display: block;
	padding: 14px;
	background: var(--etp-surface-soft);
	border: 1px solid var(--etp-border);
	border-radius: 8px;
	color: var(--etp-text);
	text-decoration: none;
}

.etp-quick-actions a:hover {
	background: var(--etp-accent-soft);
	border-color: var(--etp-border-strong);
}

.etp-quick-actions strong,
.etp-quick-actions span {
	display: block;
}

.etp-quick-actions span {
	margin-top: 5px;
	color: var(--etp-muted);
	font-size: 13px;
}

.etp-workspace {
	display: grid;
	grid-template-columns: 260px minmax(0, 1fr);
	gap: 16px;
	align-items: start;
	margin-top: 18px;
}

.etp-module-tree {
	position: sticky;
	top: 24px;
	padding: 12px;
	background: #ffffff;
	border: 1px solid var(--etp-border);
	border-radius: 8px;
}

.etp-tree-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 8px;
	padding: 2px 4px 10px;
	border-bottom: 1px solid var(--etp-border);
}

.etp-tree-head-titles {
	min-width: 0;
}

.etp-tree-head strong,
.etp-tree-head span,
.etp-tree-group strong {
	display: block;
}

.etp-tree-head span {
	margin-top: 5px;
	color: var(--etp-muted);
	font-size: 12px;
	line-height: 1.35;
}

.etp-module-tree nav,
.etp-tree-group {
	display: grid;
	gap: 3px;
	margin-top: 8px;
}

.etp-tree-group {
	padding-top: 8px;
	border-top: 1px solid var(--etp-border);
}

.etp-tree-group strong {
	padding: 0 4px 4px;
	color: var(--etp-muted);
	font-size: 11px;
	text-transform: uppercase;
}

.etp-module-tree a {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 32px;
	padding: 5px 10px;
	border: 1px solid transparent;
	border-radius: 8px;
	color: var(--etp-text);
	text-decoration: none;
	font-weight: 600;
}

.etp-module-tree a span {
	display: inline-grid;
	place-items: center;
	width: 22px;
	height: 22px;
	border-radius: 8px;
	background: var(--etp-surface-strong);
	color: var(--etp-muted);
	font-size: 11px;
}

.etp-module-tree a:hover,
.etp-module-tree a.is-active {
	background: var(--etp-accent-soft);
	border-color: var(--etp-border-strong);
	color: #0f5f4d;
}

.etp-module-tree a.is-active span {
	background: var(--etp-accent);
	color: #ffffff;
}

.etp-module-stage {
	min-width: 0;
	max-width: none;
}

.etp-module-stage > .etp-panel,
.etp-module-stage > .etp-report {
	margin-top: 0;
}

.etp-panel {
	margin: 18px 0;
	padding: 22px;
	background: #ffffff;
	border: 1px solid var(--etp-border);
	border-radius: 8px;
}

.etp-panel-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 16px;
}

.etp-panel h2 {
	margin: 0;
	font-size: 22px;
	letter-spacing: 0;
}

.etp-plan-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 10px;
}

.etp-plan-grid div {
	padding: 13px;
	background: var(--etp-surface-soft);
	border: 1px solid var(--etp-border);
	border-radius: 8px;
}

.etp-plan-grid span {
	display: block;
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	color: var(--etp-muted);
}

.etp-plan-grid strong {
	display: block;
	margin-top: 6px;
	font-size: 16px;
}

.etp-facility-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 14px;
}

.etp-facility-list a {
	display: block;
	padding: 14px;
	color: var(--etp-text);
	text-decoration: none;
	background: var(--etp-surface-soft);
	border: 1px solid var(--etp-border);
	border-radius: 8px;
}

.etp-facility-list a.is-active {
	border-color: var(--etp-accent);
	box-shadow: inset 0 0 0 1px var(--etp-accent);
}

.etp-facility-list strong,
.etp-facility-list span {
	display: block;
}

.etp-facility-list span {
	margin-top: 4px;
	color: var(--etp-muted);
	font-size: 13px;
}

.etp-report-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 16px;
}

.etp-report-grid > div {
	padding: 16px;
	background: var(--etp-surface-soft);
	border: 1px solid var(--etp-border);
	border-radius: 8px;
}

.etp-report-grid h3 {
	margin: 0 0 10px;
	font-size: 16px;
}

.etp-report-grid ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.etp-report-grid li {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	padding: 8px 0;
	border-top: 1px solid var(--etp-border);
}

.etp-report-grid li:first-child {
	border-top: 0;
}

.etp-report-grid li span {
	color: var(--etp-muted);
}

.etp-print {
	margin-top: 14px;
	min-height: 40px;
	padding: 8px 14px;
	background: var(--etp-accent);
	color: #ffffff;
	border: 1px solid var(--etp-accent);
	border-radius: 8px;
	font-weight: 800;
	cursor: pointer;
}

.etp-alert {
	margin: 0 0 14px;
	padding: 12px 14px;
	background: var(--etp-warning-soft);
	border: 1px solid var(--etp-warning);
	border-radius: 8px;
	color: var(--etp-warning);
}

.etp-alert-ok {
	background: var(--etp-success-soft);
	border-color: var(--etp-success);
	color: var(--etp-success);
}

.etp-alert-danger {
	margin-top: 16px;
	background: var(--etp-danger-soft);
	border-color: var(--etp-danger);
	color: var(--etp-danger-strong);
}

.etp-missing-list-alert {
	display: grid;
	gap: 10px;
	background: var(--etp-danger-soft);
	border-color: var(--etp-danger-soft);
	border-left: 5px solid var(--etp-danger);
}

.etp-missing-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 7px;
}

.etp-missing-list span {
	display: grid;
	grid-template-columns: 9px minmax(0, 1fr);
	gap: 8px;
	align-items: center;
	min-height: 34px;
	padding: 7px 9px;
	background: #ffffff;
	border: 1px solid var(--etp-danger-soft);
	border-radius: 8px;
	color: var(--etp-danger-strong);
	font-weight: 800;
}

.etp-missing-list i {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--etp-danger);
}

.etp-form {
	display: grid;
	grid-template-columns: repeat(5, minmax(120px, 1fr));
	gap: 10px;
	margin-bottom: 16px;
}

.etp-form-compact {
	grid-template-columns: 180px 160px 180px 180px;
	margin-top: 14px;
	margin-bottom: 0;
}

.etp-user-form {
	grid-template-columns: 1.1fr 1.2fr 180px 180px 160px;
	margin-top: 14px;
	margin-bottom: 0;
}

.etp-document-upload-form {
	grid-template-columns: minmax(190px, 1fr) minmax(180px, 1fr) 150px minmax(260px, 1.4fr) 130px;
	align-items: stretch;
}

.etp-contract-form {
	grid-template-columns: minmax(150px, 1fr) minmax(170px, 1fr) 120px 145px minmax(220px, 1.2fr) 130px;
	align-items: stretch;
}

.etp-form input,
.etp-form select,
.etp-form button {
	min-height: 42px;
	width: 100%;
	padding: 8px 10px;
	border: 1px solid var(--etp-border-strong);
	border-radius: 8px;
	font: inherit;
	box-sizing: border-box;
}

.etp-form button {
	background: var(--etp-accent);
	color: #ffffff;
	border-color: var(--etp-accent);
	font-weight: 800;
	cursor: pointer;
}

.etp-dropzone {
	display: grid;
	align-content: center;
	min-height: 42px;
	padding: 8px 10px;
	border: 1px dashed #9eb4aa;
	border-radius: 8px;
	background: var(--etp-surface-soft);
	cursor: pointer;
	box-sizing: border-box;
}

.etp-dropzone input {
	position: absolute;
	inline-size: 1px;
	block-size: 1px;
	opacity: 0;
	pointer-events: none;
}

.etp-dropzone > span {
	color: #18332c;
	font-weight: 800;
	line-height: 1.2;
}

.etp-dropzone small {
	margin-top: 4px;
	color: var(--etp-muted);
	overflow: hidden;
	text-overflow: ellipsis;
}

.etp-dropzone.is-dragover {
	background: var(--etp-success-soft);
	border-color: var(--etp-accent);
	box-shadow: inset 0 0 0 1px var(--etp-accent);
}

.etp-dropzone.is-invalid {
	background: var(--etp-warning-soft);
	border-color: var(--etp-danger);
	box-shadow: inset 0 0 0 1px var(--etp-danger);
}

.etp-dropzone-error {
	margin-top: 7px;
	padding: 7px 8px;
	background: var(--etp-danger-soft);
	border: 1px solid var(--etp-danger);
	border-radius: 8px;
	color: var(--etp-danger-strong);
	font-size: 12px;
	font-weight: 800;
	line-height: 1.35;
}

.etp-selected-files {
	display: grid;
	gap: 6px;
	margin-top: 9px;
}

.etp-selected-file {
	display: grid;
	grid-template-columns: 16px minmax(0, 1fr) 22px;
	gap: 6px;
	align-items: center;
	width: 100%;
	padding: 5px 5px 5px 7px;
	background: #ffffff;
	border: 1px solid var(--etp-border-strong);
	border-radius: 8px;
	color: var(--etp-text);
	font-size: 12px;
	font-weight: 800;
}

.etp-selected-file-icon {
	position: relative;
	width: 12px;
	height: 15px;
	border: 1px solid var(--etp-muted);
	border-radius: 2px;
	background: var(--etp-surface-soft);
}

.etp-selected-file-icon::after {
	content: "";
	position: absolute;
	right: -1px;
	top: -1px;
	width: 5px;
	height: 5px;
	background: linear-gradient(135deg, var(--etp-border) 50%, var(--etp-surface-soft) 50%);
	border-left: 1px solid var(--etp-muted);
	border-bottom: 1px solid var(--etp-muted);
}

.etp-selected-file-name {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.etp-selected-file-remove {
	width: 22px;
	height: 22px;
	padding: 0;
	background: var(--etp-danger-soft);
	border: 1px solid var(--etp-danger);
	border-radius: 50%;
	color: var(--etp-danger);
	font-size: 16px;
	font-weight: 900;
	line-height: 18px;
	cursor: pointer;
}

.etp-dropzone-compact {
	min-height: 38px;
	padding: 6px 8px;
}

.etp-filterbar {
	display: grid;
	grid-template-columns: minmax(180px, 1.2fr) minmax(180px, 1fr) 160px 100px;
	gap: 10px;
	margin-bottom: 12px;
}

.etp-filterbar input,
.etp-filterbar select,
.etp-filterbar button {
	min-height: 40px;
	padding: 8px 10px;
	border: 1px solid var(--etp-border-strong);
	border-radius: 8px;
	font: inherit;
	box-sizing: border-box;
}

.etp-filterbar button {
	background: var(--etp-surface-strong);
	color: var(--etp-text);
	font-weight: 800;
	cursor: pointer;
}

.etp-date-filter {
	display: grid;
	grid-template-columns: minmax(130px, 1fr) 150px 150px 100px;
	gap: 8px;
	align-items: center;
	margin: 0 0 12px;
	padding: 10px;
	background: var(--etp-surface-soft);
	border: 1px solid var(--etp-border);
	border-radius: 8px;
}

.etp-date-filter strong {
	color: #31443e;
	font-size: 13px;
}

.etp-date-filter input,
.etp-date-filter button {
	min-height: 36px;
	padding: 7px 9px;
	border: 1px solid var(--etp-border-strong);
	border-radius: 8px;
	font: inherit;
	box-sizing: border-box;
}

.etp-date-filter button {
	background: var(--etp-surface-strong);
	color: var(--etp-text);
	font-weight: 800;
	cursor: pointer;
}

.etp-table-wrap {
	overflow-x: auto;
	border: 1px solid var(--etp-border);
	border-radius: 8px;
}

.etp-stockin-label {
	font-size: 12px;
	color: var(--etp-muted);
	font-weight: 600;
}
.etp-stock-neg td {
	background: var(--etp-danger-soft);
}
.etp-table tbody tr.etp-stock-crit td {
	color: var(--etp-danger) !important;
	font-weight: 600;
}
.etp-neg-badge {
	display: inline-block;
	margin-left: 6px;
	font-size: 11px;
	font-weight: 600;
	padding: 1px 7px;
	border-radius: 8px;
	background: var(--etp-danger-soft);
	border: 1px solid var(--etp-danger);
	color: var(--etp-danger-strong);
}

.etp-task-group-body {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.etp-table {
	width: 100%;
	border-collapse: collapse;
	min-width: 760px;
}

.etp-table th,
.etp-table td {
	padding: 11px 12px;
	border-bottom: 1px solid var(--etp-border);
	text-align: left;
	vertical-align: top;
}

.etp-table th {
	background: var(--etp-surface-soft);
	font-size: 12px;
	text-transform: uppercase;
	color: #55645f;
}

.etp-table th[data-sort] {
	cursor: pointer;
	user-select: none;
}

.etp-table th[data-sort]::after {
	content: "↕";
	margin-left: 6px;
	color: #8a9891;
	font-size: 11px;
}

.etp-table th[data-sort-direction="asc"]::after {
	content: "↑";
	color: var(--etp-accent);
}

.etp-table th[data-sort-direction="desc"]::after {
	content: "↓";
	color: var(--etp-accent);
}

.etp-table tr:last-child td {
	border-bottom: 0;
}

.etp-document-tree {
	display: grid;
	gap: 10px;
}

.etp-doc-folder {
	border: 1px solid var(--etp-border);
	border-radius: 8px;
	background: #ffffff;
	overflow: hidden;
}

.etp-doc-folder summary {
	display: grid;
	grid-template-columns: 26px minmax(0, 1fr) auto;
	gap: 10px;
	align-items: center;
	padding: 12px 14px;
	background: var(--etp-surface-soft);
	cursor: pointer;
	list-style: none;
}

.etp-doc-folder summary::-webkit-details-marker {
	display: none;
}

.etp-doc-folder summary strong,
.etp-doc-folder summary small {
	min-width: 0;
}

.etp-doc-folder summary small {
	color: #66756e;
	font-weight: 800;
}

.etp-folder-icon {
	width: 20px;
	height: 14px;
	border-radius: 3px;
	background: #d8b24a;
	position: relative;
}

.etp-folder-icon::before {
	content: "";
	position: absolute;
	left: 2px;
	top: -4px;
	width: 9px;
	height: 5px;
	border-radius: 3px 3px 0 0;
	background: #c69d34;
}

.etp-doc-children {
	display: grid;
}

.etp-doc-node {
	display: grid;
	grid-template-columns: minmax(220px, 1fr) 140px 70px 90px;
	gap: 10px;
	align-items: center;
	padding: 11px 14px 11px 40px;
	border-top: 1px solid #edf1eb;
}

.etp-doc-node:hover {
	background: var(--etp-surface-soft);
}

.etp-doc-node strong,
.etp-doc-node span {
	display: block;
	min-width: 0;
}

.etp-doc-node > div span {
	margin-top: 4px;
	color: var(--etp-muted);
}

.etp-doc-node-missing {
	grid-template-columns: minmax(220px, 1fr) 140px;
	cursor: default;
}

.etp-doc-detail {
	padding: 14px;
	border-top: 1px solid #edf1eb;
	background: var(--etp-surface-soft);
}

.etp-click-row {
	cursor: pointer;
}

.etp-click-row:hover td {
	background: var(--etp-surface-soft);
}

.etp-row-action {
	min-height: 32px;
	padding: 5px 10px;
	background: var(--etp-surface-strong);
	color: var(--etp-text);
	border: 1px solid var(--etp-border-strong);
	border-radius: 8px;
	font-weight: 800;
	cursor: pointer;
}

.etp-detail-row td {
	background: var(--etp-surface-soft);
}

.etp-detail-panel {
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
	align-items: start;
}

.etp-detail-panel strong,
.etp-detail-panel span {
	display: block;
}

.etp-detail-panel span {
	margin-top: 6px;
	color: var(--etp-muted);
}

.etp-inline-edit {
	display: grid;
	grid-template-columns: repeat(2, minmax(180px, 1fr));
	gap: 8px;
}

.etp-inline-edit .etp-dropzone {
	grid-column: span 2;
}

.etp-current-file {
	display: grid;
	gap: 6px;
	align-content: center;
	min-height: 38px;
	padding: 8px 10px;
	background: #f8fbfd;
	border: 1px solid var(--etp-border-strong);
	border-radius: 8px;
	grid-column: span 2;
}

.etp-current-file strong,
.etp-current-file a,
.etp-current-file span,
.etp-current-file label {
	display: block;
	min-width: 0;
}

.etp-current-file strong {
	color: var(--etp-text);
	font-size: 12px;
	text-transform: uppercase;
}

.etp-current-file a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 800;
}

.etp-current-file label {
	display: flex;
	gap: 7px;
	align-items: center;
	color: var(--etp-danger-strong);
	font-weight: 800;
}

.etp-inline-edit button {
	min-width: 150px;
	justify-self: start;
}

.etp-inline-edit input,
.etp-inline-edit select,
.etp-inline-edit button {
	min-height: 38px;
	padding: 7px 9px;
	border: 1px solid var(--etp-border-strong);
	border-radius: 8px;
	font: inherit;
	box-sizing: border-box;
	min-width: 0;
}

.etp-inline-edit button {
	background: var(--etp-accent);
	color: #fff;
	border-color: var(--etp-accent);
	font-weight: 800;
	cursor: pointer;
}

.etp-inline-form {
	display: grid;
	grid-template-columns: minmax(130px, 1fr) minmax(120px, 1fr) auto;
	gap: 6px;
	min-width: 430px;
}

.etp-inline-form input,
.etp-inline-form button {
	min-height: 34px;
	padding: 6px 8px;
	border: 1px solid var(--etp-border-strong);
	border-radius: 8px;
	font: inherit;
	box-sizing: border-box;
}

.etp-inline-form button {
	background: #25433b;
	color: #fff;
	border-color: #25433b;
	font-weight: 800;
}

.etp-staff-grid {
	display: grid;
	gap: 14px;
}

.etp-staff-card {
	border: 1px solid var(--etp-border);
	border-radius: 8px;
	background: #ffffff;
	overflow: hidden;
}

.etp-staff-card > header {
	display: flex;
	justify-content: space-between;
	gap: 14px;
	padding: 14px;
	background: var(--etp-surface-soft);
	border-bottom: 1px solid var(--etp-border);
}

.etp-staff-card > header strong,
.etp-staff-card > header span,
.etp-staff-card > header small {
	display: block;
}

.etp-staff-card > header strong {
	font-size: 17px;
}

.etp-staff-card > header span,
.etp-staff-card > header small {
	margin-top: 4px;
	color: var(--etp-muted);
	font-weight: 800;
}

.etp-staff-meta {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	padding: 12px 14px;
	border-bottom: 1px solid var(--etp-surface-strong);
}

.etp-staff-meta span {
	padding: 8px 10px;
	background: var(--etp-surface-soft);
	border: 1px solid var(--etp-border);
	border-radius: 8px;
	color: #31443e;
	font-size: 13px;
}

.etp-staff-doc-tree {
	display: grid;
	gap: 7px;
	padding: 12px 14px;
}

.etp-staff-doc-folder {
	border: 1px solid var(--etp-border);
	border-radius: 8px;
	overflow: hidden;
}

.etp-staff-doc-folder summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 12px;
	background: var(--etp-surface-soft);
	cursor: pointer;
}

.etp-staff-doc-folder summary span {
	display: inline-grid;
	place-items: center;
	min-width: 24px;
	height: 24px;
	padding: 0 7px;
	border-radius: 999px;
	background: var(--etp-surface-strong);
	color: var(--etp-muted);
	font-weight: 900;
	font-size: 12px;
}

.etp-staff-doc-row {
	display: grid;
	grid-template-columns: minmax(180px, 1fr) 110px 54px 82px;
	gap: 10px;
	align-items: center;
	padding: 10px 12px;
	border-top: 1px solid var(--etp-surface-strong);
}

.etp-staff-doc-row strong,
.etp-staff-doc-row span {
	display: block;
}

.etp-staff-doc-row div span {
	margin-top: 4px;
	color: var(--etp-muted);
}

.etp-staff-doc-row.is-empty {
	grid-template-columns: 1fr;
	color: var(--etp-muted);
}

.etp-staff-doc-form {
	display: grid;
	grid-template-columns: minmax(130px, 0.8fr) minmax(160px, 1fr) 140px minmax(230px, 1.2fr) 110px;
	gap: 8px;
	padding: 0 14px 14px;
}

.etp-staff-doc-form input,
.etp-staff-doc-form select,
.etp-staff-doc-form button {
	min-height: 38px;
	padding: 7px 9px;
	border: 1px solid var(--etp-border-strong);
	border-radius: 8px;
	font: inherit;
	box-sizing: border-box;
	min-width: 0;
}

.etp-staff-doc-form button {
	background: var(--etp-accent);
	color: #ffffff;
	border-color: var(--etp-accent);
	font-weight: 900;
	cursor: pointer;
}

.etp-archive-form {
	margin: 0;
}

.etp-archive-overview {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 14px;
}

.etp-archive-overview div {
	padding: 13px;
	background: var(--etp-surface-soft);
	border: 1px solid var(--etp-border);
	border-radius: 8px;
}

.etp-archive-overview span {
	display: block;
	color: var(--etp-muted);
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
}

.etp-archive-overview strong {
	display: block;
	margin-top: 7px;
	font-size: 25px;
	line-height: 1;
}

.etp-archive-type {
	display: inline-block;
	padding: 5px 9px;
	background: var(--etp-surface-strong);
	border-radius: 999px;
	color: var(--etp-text);
	font-weight: 800;
	font-size: 12px;
}

.etp-status {
	display: inline-block;
	padding: 4px 8px;
	border-radius: 999px;
	background: #e7edf7;
	font-size: 12px;
	font-weight: 800;
}

.etp-ariza-bildir .etp-field-wide { grid-column: 1 / -1; }
.etp-ariza-bildir .etp-field-wide input[type="file"] { max-width: 340px; }

.etp-mat-block { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 6px; }
.etp-mat-block .etp-mat-rows { display: flex; flex-direction: column; gap: 6px; }
.etp-mat-row { display: flex; gap: 8px; align-items: center; }
.etp-mat-row select { flex: 1 1 auto; min-width: 0; }
.etp-mat-row input { flex: 0 0 96px; width: 96px; }
.etp-mat-add { align-self: flex-start; background: none !important; border: 0 !important; color: var(--etp-muted) !important; font-size: 12px !important; font-weight: 600 !important; text-decoration: underline; cursor: pointer; padding: 2px 0 !important; }
.etp-fault-links { margin: 8px 0 0; }
a.etp-pdf-link { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 600; padding: 5px 12px; border: 1px solid var(--etp-border); border-radius: 999px; color: var(--etp-accent); text-decoration: none; }
a.etp-pdf-link:hover { border-color: var(--etp-accent); background: var(--etp-surface-soft); }

.etp-fault-archive { margin-top: 16px; }
.etp-fault-archive > summary { cursor: pointer; font-weight: 700; color: var(--etp-muted); padding: 8px 0; }
.etp-fault-arch-row { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 8px 0; border-top: 1px solid var(--etp-border); flex-wrap: wrap; }
.etp-fault-arch-info { display: flex; flex-direction: column; font-size: 13px; }
.etp-fault-arch-actions { display: flex; gap: 6px; }

.etp-fault-links { margin: 6px 0 0; }
.etp-pdf-link { font-size: 12px; color: var(--etp-accent); text-decoration: none; }

.etp-fault-summary { font-size: 13px; color: var(--etp-text); margin: 6px 0; }
.etp-fault-summary p { margin: 2px 0; }
.etp-fault-warn { font-size: 12px; color: var(--etp-danger-strong); background: var(--etp-danger-soft); border: 1px solid var(--etp-danger); border-radius: 8px; padding: 6px 10px; margin: 8px 0; }

.etp-fault-actions { margin-top: 10px; border-top: 1px dashed var(--etp-border); padding-top: 10px; }
.etp-fault-actions > summary { cursor: pointer; font-weight: 600; color: var(--etp-accent); }
.etp-mat-row { display: flex; gap: 8px; margin-bottom: 6px; }
.etp-mat-row select { flex: 2; min-width: 0; }
.etp-mat-row input { flex: 1; min-width: 0; }
.etp-fault-hint { font-size: 12px; color: var(--etp-warning); margin: 6px 0; }
.etp-fault-foot { margin-top: 8px; }
.etp-fault-foot button { font-size: 12px; color: var(--etp-danger); background: none; border: none; cursor: pointer; padding: 4px 0; }
.etp-fault-photos { display: flex; gap: 6px; flex-wrap: wrap; margin: 8px 0 0; }
.etp-fault-photos img { width: 56px; height: 56px; object-fit: cover; border-radius: 8px; border: 1px solid var(--etp-border); }

.etp-fault-counts { font-size: 12px; color: var(--etp-muted); font-weight: 600; }
.etp-fault-new { margin: 0 0 14px; }
.etp-fault-new > summary { cursor: pointer; font-weight: 600; color: var(--etp-accent); padding: 8px 0; }
.etp-fault-list { display: flex; flex-direction: column; gap: 10px; }
.etp-fault-card { border: 1px solid var(--etp-border); border-left: 3px solid var(--etp-border-strong); border-radius: 8px; background: #fff; padding: 12px 14px; }
.etp-fault-card.sev-kritik { border-left-color: var(--etp-danger); }
.etp-fault-card.sev-yuksek { border-left-color: var(--etp-warning); }
.etp-fault-card.sev-orta { border-left-color: var(--etp-info); }
.etp-fault-card.sev-dusuk { border-left-color: var(--etp-border-strong); }
.etp-fault-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.etp-fault-code { margin-left: auto; font-size: 12px; color: var(--etp-muted); }
.etp-fault-title { font-size: 15px; font-weight: 600; margin: 8px 0 2px; color: var(--etp-text); }
.etp-fault-desc { font-size: 13px; color: var(--etp-muted); margin: 0 0 8px; }
.etp-fault-meta { display: flex; gap: 14px; font-size: 12px; color: var(--etp-muted); }
.etp-fstatus-acik { background: var(--etp-warning-soft); color: #76520c; }
.etp-fstatus-atandi { background: var(--etp-accent-soft); color: var(--etp-accent-strong); }
.etp-fstatus-onay_bekliyor { background: var(--etp-info-soft); color: #075985; }
.etp-fstatus-kapali { background: var(--etp-success-soft); color: var(--etp-success); }
.etp-fstatus-pasif { background: #eef1f5; color: var(--etp-muted); }
.etp-fsev-kritik { background: var(--etp-danger-soft); color: var(--etp-danger-strong); }
.etp-fsev-yuksek { background: var(--etp-warning-soft); color: #76520c; }
.etp-fsev-orta { background: var(--etp-info-soft); color: #075985; }
.etp-fsev-dusuk { background: #eef1f5; color: var(--etp-muted); }
.etp-empty { color: var(--etp-muted); font-size: 14px; padding: 12px 0; }

.etp-status-gecerli {
	background: #dff3e8;
	color: var(--etp-success);
}

.etp-status-bekliyor {
	background: #f5ead2;
	color: #76520c;
}

.etp-status-eksik,
.etp-status-suresi-gecmis {
	background: #ffe1dd;
	color: #8a271a;
}

.etp-status-yaklasiyor {
	background: #fff0c8;
	color: #70510d;
}

.etp-status-tamamlandi {
	background: #dff3e8;
	color: var(--etp-success);
}

.etp-login-page {
	width: min(1120px, calc(100vw - 32px));
	min-height: calc(100vh - 80px);
	margin: 40px auto;
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(360px, 0.85fr);
	gap: 18px;
	align-items: stretch;
	color: var(--etp-text);
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	box-sizing: border-box;
}

.etp-login-hero,
.etp-login {
	border: 1px solid var(--etp-border);
	border-radius: 8px;
	background: #ffffff;
}

.etp-login-hero {
	display: grid;
	align-content: center;
	padding: 36px;
	background: var(--etp-surface-soft);
}

.etp-login-brand img {
	width: min(360px, 100%);
	height: auto;
	margin-bottom: 26px;
}

.etp-login-hero h1 {
	max-width: 680px;
	margin: 8px 0 12px;
	font-size: 38px;
	line-height: 1.08;
	letter-spacing: 0;
}

.etp-login-hero p {
	max-width: 620px;
	margin: 0;
	color: var(--etp-muted);
	font-size: 16px;
}

.etp-login-proof {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin-top: 28px;
}

.etp-login-proof div {
	padding: 14px;
	background: #ffffff;
	border: 1px solid var(--etp-border);
	border-radius: 8px;
}

.etp-login-proof strong,
.etp-login-proof span {
	display: block;
}

.etp-login-proof strong {
	font-size: 22px;
}

.etp-login-proof span {
	margin-top: 4px;
	color: var(--etp-muted);
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
}

.etp-login {
	align-self: center;
	padding: 30px;
}

.etp-login-logo {
	width: min(260px, 100%);
	height: auto;
	margin-bottom: 18px;
}

.etp-login h2 {
	margin: 0 0 8px;
	font-size: 25px;
}

.etp-login p {
	margin: 0 0 18px;
	color: #5a6862;
}

.etp-login form p {
	margin: 0 0 14px;
}

.etp-login label {
	display: block;
	margin-bottom: 6px;
	font-weight: 800;
	color: #273b35;
}

.etp-login input[type="text"],
.etp-login input[type="password"] {
	width: 100%;
	min-height: 44px;
	padding: 9px 11px;
	border: 1px solid var(--etp-border-strong);
	border-radius: 8px;
	box-sizing: border-box;
	font: inherit;
}

.etp-login .login-remember label {
	display: flex;
	gap: 8px;
	align-items: center;
	font-weight: 700;
}

.etp-login input[type="submit"] {
	width: 100%;
	min-height: 44px;
	border: 1px solid var(--etp-accent);
	border-radius: 8px;
	background: var(--etp-accent);
	color: #ffffff;
	font: inherit;
	font-weight: 900;
	cursor: pointer;
}

@media (max-width: 860px) {
	.etp-shell {
		padding: 14px;
	}

	.etp-header {
		display: block;
		padding: 20px;
	}

	.etp-header-main {
		grid-template-columns: 1fr;
	}

	.etp-header-logo {
		grid-row: auto;
		width: 210px;
		margin-bottom: 10px;
	}

	.etp-subscription {
		margin-top: 18px;
	}

	.etp-metrics,
	.etp-quick-actions,
	.etp-archive-overview {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.etp-login-page {
		grid-template-columns: 1fr;
		margin: 16px auto;
	}

	.etp-login-hero {
		padding: 24px;
	}

	.etp-login-hero h1 {
		font-size: 30px;
	}

	.etp-alert-center {
		grid-template-columns: 1fr;
	}

	.etp-alert-feed {
		grid-template-columns: 1fr;
	}

	.etp-alert-item {
		grid-template-columns: 12px minmax(0, 1fr);
	}

	.etp-alert-item small,
	.etp-alert-item strong,
	.etp-alert-item > span:not(.etp-alert-dot) {
		grid-column: 2;
	}

	.etp-alert-item strong {
		white-space: normal;
	}

	.etp-alert-item-ok {
		grid-template-columns: 1fr;
	}

	.etp-alert-item-ok strong,
	.etp-alert-item-ok span {
		grid-column: auto;
	}

	.etp-workspace {
		grid-template-columns: 1fr;
	}

	.etp-module-tree {
		position: static;
	}

	.etp-module-tree nav {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.etp-form,
	.etp-document-upload-form,
	.etp-contract-form {
		grid-template-columns: 1fr;
	}

	.etp-filterbar,
	.etp-date-filter,
	.etp-detail-panel,
	.etp-doc-node,
	.etp-doc-node-missing,
	.etp-staff-meta,
	.etp-staff-doc-row,
	.etp-staff-doc-form,
	.etp-inline-edit {
		grid-template-columns: 1fr;
	}

	.etp-inline-edit .etp-dropzone {
		grid-column: auto;
	}

	.etp-current-file {
		grid-column: auto;
	}

	.etp-doc-node {
		padding-left: 14px;
	}

	.etp-form-compact,
	.etp-user-form,
	.etp-plan-grid,
	.etp-facility-list,
	.etp-report-grid {
		grid-template-columns: 1fr 1fr;
	}

	.etp-inline-form {
		min-width: 360px;
		grid-template-columns: 1fr;
	}
}

@media (max-width: 520px) {
	.etp-metrics,
	.etp-quick-actions,
	.etp-archive-overview,
	.etp-login-proof {
		grid-template-columns: 1fr;
	}

	.etp-header h1 {
		font-size: 25px;
	}

	.etp-login {
		padding: 22px;
	}

	.etp-alert-summary,
	.etp-alert-feed {
		grid-template-columns: 1fr;
	}

	.etp-module-tree nav {
		grid-template-columns: 1fr;
	}

	.etp-plan-grid {
		grid-template-columns: 1fr;
	}

	.etp-facility-list,
	.etp-report-grid {
		grid-template-columns: 1fr;
	}
}

@media print {
	body * { visibility: hidden; }
	.etp-module-stage > .etp-panel:not([hidden]),
	.etp-module-stage > .etp-panel:not([hidden]) *,
	.etp-report:not([hidden]),
	.etp-report:not([hidden]) *,
	.etp-print-header,
	.etp-print-header * { visibility: visible; }
	.etp-print-header {
		position: absolute; left: 0; top: 0; width: 100%;
		display: flex; align-items: center; gap: 14px;
		padding: 0 0 12px; margin: 0 0 14px; border-bottom: 2px solid #0e2548;
	}
	.etp-print-logo { height: 46px; width: auto; }
	.etp-print-meta { display: flex; flex-direction: column; gap: 2px; }
	.etp-print-meta .etp-print-module { font-size: 18px; color: #0e2548; }
	.etp-print-meta span { font-size: 12px; color: #333; }
	.etp-module-stage > .etp-panel:not([hidden]) {
		position: absolute; left: 0; top: 90px; width: 100% !important; border: 0; box-shadow: none; margin: 0; padding: 0;
	}
	.etp-module-stage > .etp-panel:not([hidden]) .etp-form,
	.etp-module-stage > .etp-panel:not([hidden]) .etp-table-toolbar,
	.etp-module-stage > .etp-panel:not([hidden]) .etp-date-filter,
	.etp-module-stage > .etp-panel:not([hidden]) .etp-newcat-form,
	.etp-module-stage > .etp-panel:not([hidden]) .etp-newcat-toggle,
	.etp-module-stage > .etp-panel:not([hidden]) .etp-detail-row,
	.etp-module-stage > .etp-panel:not([hidden]) .etp-svc-edit-row,
	.etp-module-stage > .etp-panel:not([hidden]) .etp-alert-summary,
	.etp-print { visibility: hidden !important; display: none !important; }
	.etp-module-stage > .etp-panel:not([hidden]) table th:last-child.etp-col-actions,
	.etp-service-actions, .etp-row-action, .etp-archive-button, .etp-catdel-btn, .etp-staff-edit-link { visibility: hidden !important; }
	table { page-break-inside: auto; }
	tr { page-break-inside: avoid; }
	.etp-table th[data-sort]::after { content: none !important; }
	.etp-print-hide-col { display: none !important; visibility: hidden !important; }
	.etp-noprint { display: none !important; }
	@page { margin: 14mm; }
}

.etp-admin-company-tools {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
	padding: 8px 0;
}

.etp-admin-setup {
	display: grid;
	grid-template-columns: minmax(220px, 0.75fr) minmax(0, 1.45fr) auto;
	gap: 14px;
	align-items: center;
	margin: 16px 0 22px;
	padding: 16px;
	background: var(--etp-surface-soft);
	border: 1px solid var(--etp-border);
	border-radius: 8px;
}

.etp-admin-setup h2,
.etp-admin-setup p {
	margin: 0;
}

.etp-admin-setup p {
	margin-top: 5px;
	color: #5e6d66;
}

.etp-admin-setup-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 8px;
}

.etp-admin-setup-grid div {
	padding: 10px;
	background: #ffffff;
	border: 1px solid var(--etp-border);
	border-radius: 8px;
}

.etp-admin-setup-grid div.is-warning {
	border-color: #e3bf6b;
	background: #fff9e8;
}

.etp-admin-setup-grid span,
.etp-admin-setup-grid strong {
	display: block;
}

.etp-admin-setup-grid span {
	color: var(--etp-muted);
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
}

.etp-admin-setup-grid strong {
	margin-top: 5px;
	font-size: 14px;
}

.etp-admin-company-tools h3 {
	margin: 0 0 8px;
}

.etp-admin-company-tools ul {
	margin: 0 0 10px 18px;
}

.etp-admin-mini-list {
	display: grid;
	gap: 8px;
	margin-bottom: 10px;
}

.etp-admin-inline-form {
	display: grid;
	grid-template-columns: repeat(4, minmax(120px, 1fr)) auto;
	gap: 8px;
	align-items: center;
}

.etp-admin-edit-form {
	grid-template-columns: minmax(180px, 1.2fr) minmax(120px, 0.8fr) minmax(120px, 0.8fr) auto;
}

.etp-admin-user-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px;
	align-items: center;
}

.etp-admin-user-form {
	grid-template-columns: minmax(160px, 1fr) minmax(180px, 1.2fr) minmax(140px, 0.8fr) auto;
}

.etp-admin-inline-form input,
.etp-admin-inline-form select {
	min-height: 34px;
}

.etp-admin-audit-filters {
	display: grid;
	grid-template-columns: minmax(160px, 1fr) minmax(150px, 1fr) minmax(140px, 1fr) 140px 140px minmax(150px, 1fr) auto auto;
	gap: 8px;
	align-items: center;
	margin: 10px 0 14px;
}

.etp-admin-audit-filters input,
.etp-admin-audit-filters select {
	min-height: 34px;
}

.etp-admin-audit-table td {
	vertical-align: middle;
}

@media (max-width: 1100px) {
	.etp-admin-setup,
	.etp-admin-setup-grid,
	.etp-admin-company-tools,
	.etp-admin-inline-form,
	.etp-admin-edit-form,
	.etp-admin-user-row,
	.etp-admin-user-form,
	.etp-admin-audit-filters {
		grid-template-columns: 1fr;
	}
}

:root {
	--etp-bg: #f5f7fa;
	--etp-bg-strong: #e2e8f0;
	--etp-surface: #ffffff;
	--etp-surface-soft: #f8fafc;
	--etp-surface-strong: #eff5fb;
	--etp-border: #e2e8f0;
	--etp-border-strong: #cbd5e1;
	--etp-text: #0f172a;
	--etp-muted: #64748b;
	--etp-accent: #1f5fa5;
	--etp-accent-strong: #163d6b;
	--etp-accent-soft: #dce8f5;
	--etp-btn: #111827;
	--etp-btn-strong: #1f2937;
	--etp-info: #0284c7;
	--etp-info-soft: #e0f2fe;
	--etp-warning: #d97706;
	--etp-warning-soft: #fef3c7;
	--etp-danger: #dc2626;
	--etp-danger-soft: #fef1f1;
	--etp-danger-strong: #991b1b;
	--etp-success: #16a34a;
	--etp-success-soft: #dcfce7;
	--etp-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
	--etp-shadow-soft: 0 2px 8px rgba(15, 23, 42, 0.05);
	--etp-ring: 0 0 0 3px rgba(31, 95, 165, 0.18);
	--etp-fs-xs: 12px;
	--etp-fs-sm: 13px;
	--etp-fs-base: 14px;
	--etp-fs-md: 15px;
	--etp-fs-lg: 18px;
	--etp-fs-xl: 22px;
	--etp-fs-2xl: 28px;
	--etp-lh: 1.55;
}

body.etp-portal-page {
	margin: 0 !important;
	background: var(--etp-bg) !important;
	color: var(--etp-text);
	overflow-x: hidden;
}

body.etp-portal-page > header,
body.etp-portal-page > footer,
body.etp-portal-page .site-header,
body.etp-portal-page .site-footer,
body.etp-portal-page header.wp-block-template-part,
body.etp-portal-page footer.wp-block-template-part,
body.etp-portal-page .wp-site-blocks > header,
body.etp-portal-page .wp-site-blocks > footer {
	display: none !important;
}

body.etp-portal-page .wp-site-blocks,
body.etp-portal-page main,
body.etp-portal-page .entry-content,
body.etp-portal-page .wp-block-post-content {
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.etp-portal-page .entry-content > * {
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
}

.etp-shell,
.etp-login-page {
	position: relative;
	min-height: 100vh;
	background:
		radial-gradient(circle at top left, rgba(31, 95, 165, 0.12), transparent 34%),
		linear-gradient(135deg, var(--etp-bg), var(--etp-bg-strong));
	color: var(--etp-text);
}

.etp-login-page {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	padding: clamp(18px, 3vw, 42px);
	box-sizing: border-box;
}

.etp-header,
.etp-panel,
.etp-module-tree,
.etp-login,
.etp-login-proof div,
.etp-subscription,
.etp-metric,
.etp-alert-summary-card,
.etp-alert-item,
.etp-table,
.etp-plan-card,
.etp-doc-folder,
.etp-doc-detail,
.etp-current-file,
.etp-stock-pick,
.etp-admin-setup,
.etp-admin-setup-grid div {
	background: color-mix(in srgb, var(--etp-surface) 96%, transparent) !important;
	border-color: var(--etp-border) !important;
	color: var(--etp-text) !important;
	box-shadow: var(--etp-shadow-soft);
}

.etp-header {
	position: sticky;
	top: 0;
	z-index: 20;
	margin-right: 122px;
	backdrop-filter: blur(16px);
}

.etp-header-logo {
	filter: drop-shadow(0 7px 14px rgba(0, 0, 0, 0.12));
}

.etp-header p,
.etp-subscription small,
.etp-subscription span,
.etp-metric span,
.etp-panel-head span,
.etp-muted,
.etp-table td,
.etp-alert-item span,
.etp-alert-summary small,
.etp-doc-meta,
.etp-login p,
.etp-admin-setup p,
.etp-admin-setup-grid span {
	color: var(--etp-muted) !important;
}

.etp-kicker,
.etp-shell a,
.etp-module-tree a.is-active span,
.etp-panel h2,
.etp-header h1 {
	color: var(--etp-text) !important;
}

.etp-module-layout {
	align-items: start;
}

.etp-module-tree {
	position: sticky;
	top: 126px;
	max-height: calc(100vh - 150px);
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-width: thin;
	scrollbar-color: rgba(100, 116, 139, 0.32) transparent;
	overscroll-behavior: auto;
}
.etp-module-tree::-webkit-scrollbar {
	width: 6px;
}
.etp-module-tree::-webkit-scrollbar-track {
	background: transparent;
}
.etp-module-tree::-webkit-scrollbar-thumb {
	background: rgba(100, 116, 139, 0.28);
	border-radius: 999px;
}
.etp-module-tree:hover::-webkit-scrollbar-thumb {
	background: rgba(100, 116, 139, 0.5);
}

.etp-module-tree h2,
.etp-module-tree p {
	color: var(--etp-text) !important;
}

.etp-module-tree a {
	border-color: transparent !important;
	background: transparent !important;
	color: var(--etp-muted) !important;
}

.etp-module-tree a:hover,
.etp-module-tree a.is-active {
	background: var(--etp-accent-soft) !important;
	border-color: color-mix(in srgb, var(--etp-accent) 36%, transparent) !important;
	color: var(--etp-text) !important;
	box-shadow: inset 3px 0 0 var(--etp-accent);
}

.etp-module-tree a span {
	background: var(--etp-surface-strong) !important;
	color: var(--etp-accent) !important;
}

.etp-panel {
	margin-bottom: 18px;
}

.etp-panel-head {
	border-color: var(--etp-border) !important;
}

.etp-table th,
.etp-doc-category-title,
.etp-doc-node,
.etp-filterbar,
.etp-date-filter,
.etp-detail-panel,
.etp-staff-doc-row,
.etp-staff-doc-form,
.etp-inline-edit,
.etp-admin-mini-list > *,
.etp-selected-file,
.etp-file-chip {
	background: var(--etp-surface-soft) !important;
	border-color: var(--etp-border) !important;
	color: var(--etp-text) !important;
}

.etp-table tr:hover td,
.etp-clickable-row:hover td {
	background: var(--etp-accent-soft) !important;
}

.etp-shell input,
.etp-shell select,
.etp-shell textarea,
.etp-login-page input,
.etp-login-page select,
.etp-login-page textarea {
	background: var(--etp-surface) !important;
	border-color: var(--etp-border-strong) !important;
	color: var(--etp-text) !important;
	box-shadow: none !important;
}

.etp-shell input:focus,
.etp-shell select:focus,
.etp-shell textarea:focus,
.etp-login-page input:focus {
	border-color: var(--etp-accent) !important;
	box-shadow: var(--etp-ring) !important;
	outline: none;
}

.etp-button,
.etp-login-page button,

.etp-button-secondary,
.etp-shell .etp-button-secondary,
.etp-shell button.etp-button-secondary {
	background: var(--etp-surface-soft) !important;
	color: var(--etp-text) !important;
	border-color: var(--etp-border-strong) !important;
}

.etp-dropzone {
	background: color-mix(in srgb, var(--etp-surface-soft) 92%, var(--etp-accent-soft)) !important;
	border-color: color-mix(in srgb, var(--etp-accent) 42%, var(--etp-border)) !important;
	color: var(--etp-text) !important;
}

.etp-dropzone.is-dragover,
.etp-dropzone:hover {
	background: var(--etp-accent-soft) !important;
	box-shadow: var(--etp-ring);
}

.etp-alert-summary-danger,
.etp-alert-item-danger,
.etp-status-missing {
	background: var(--etp-danger-soft) !important;
	border-color: color-mix(in srgb, var(--etp-danger) 42%, var(--etp-border)) !important;
}

.etp-alert-summary-warning,
.etp-alert-item-warning,
.etp-status-warning {
	background: var(--etp-warning-soft) !important;
	border-color: color-mix(in srgb, var(--etp-warning) 45%, var(--etp-border)) !important;
}

.etp-alert-summary-info,
.etp-alert-item-info,
.etp-status-ok {
	background: var(--etp-info-soft) !important;
	border-color: color-mix(in srgb, var(--etp-info) 42%, var(--etp-border)) !important;
}

.etp-alert-item-danger .etp-alert-dot,
.etp-alert-summary-danger {
	border-left-color: var(--etp-danger) !important;
}

.etp-alert-item-warning .etp-alert-dot,
.etp-alert-summary-warning {
	border-left-color: var(--etp-warning) !important;
}

.etp-alert-item-info .etp-alert-dot,
.etp-alert-summary-info {
	border-left-color: var(--etp-info) !important;
}

.etp-login {
	width: min(100%, 430px);
}

.etp-login-page::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--etp-accent) 13%, transparent) 1px, transparent 1px),
		linear-gradient(color-mix(in srgb, var(--etp-accent) 10%, transparent) 1px, transparent 1px);
	background-size: 42px 42px;
	mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), transparent 70%);
}

.etp-login-wrap,
.etp-shell > * {
	position: relative;
}

@media (max-width: 900px) {
	.etp-header {
		position: relative;
		margin-right: 0;
		top: auto;
	}

	.etp-theme-toggle {
		top: 12px;
		right: 12px;
	}

	.etp-module-tree {
		position: relative;
		top: auto;
		max-height: none;
	}
}

body:has(.etp-shell),
body:has(.etp-login-page) {
	margin: 0 !important;
	background: var(--etp-bg) !important;
	overflow-x: hidden;
}

body:has(.etp-shell) > .wp-site-blocks > header,
body:has(.etp-shell) > .wp-site-blocks > footer,
body:has(.etp-login-page) > .wp-site-blocks > header,
body:has(.etp-login-page) > .wp-site-blocks > footer,
body:has(.etp-shell) header.wp-block-template-part,
body:has(.etp-shell) footer.wp-block-template-part,
body:has(.etp-login-page) header.wp-block-template-part,
body:has(.etp-login-page) footer.wp-block-template-part {
	display: none !important;
}

body:has(.etp-shell) .wp-site-blocks,
body:has(.etp-login-page) .wp-site-blocks,
body:has(.etp-shell) main,
body:has(.etp-login-page) main,
body:has(.etp-shell) main > .wp-block-group,
body:has(.etp-login-page) main > .wp-block-group,
body:has(.etp-shell) .entry-content,
body:has(.etp-login-page) .entry-content,
body:has(.etp-shell) .wp-block-post-content,
body:has(.etp-login-page) .wp-block-post-content {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

body:has(.etp-shell) main,
body:has(.etp-login-page) main {
	margin-block-start: 0 !important;
}

body:has(.etp-shell) .wp-block-post-title,
body:has(.etp-login-page) .wp-block-post-title,
body:has(.etp-shell) .skip-link,
body:has(.etp-login-page) .skip-link {
	display: none !important;
}

.etp-header {
	margin-right: 0 !important;
	padding: 22px clamp(18px, 2.2vw, 28px) !important;
	align-items: center !important;
}

.etp-header-main {
	grid-template-columns: minmax(132px, 178px) minmax(0, 1fr) !important;
	gap: 6px 20px !important;
	min-width: 0;
}

.etp-header-logo {
	width: min(170px, 100%) !important;
	align-self: center;
}

.etp-header h1 {
	margin: 3px 0 8px !important;
	font-size: clamp(24px, 2.4vw, 32px) !important;
	line-height: 1.12 !important;
	overflow-wrap: anywhere;
}

.etp-header p {
	max-width: 860px !important;
	line-height: 1.48 !important;
}

.etp-subscription {
	flex: 0 0 auto;
	min-width: 178px !important;
}

.etp-login-page {
	min-height: 100vh !important;
	margin: 0 !important;
	padding: clamp(22px, 4vw, 46px) !important;
	grid-template-columns: minmax(0, 1.08fr) minmax(330px, 420px) !important;
	align-items: center !important;
}

.etp-login-hero,
.etp-login {
	position: relative;
	z-index: 1;
}

.etp-login-hero {
	min-height: min(620px, calc(100vh - 92px));
	padding: clamp(28px, 4vw, 48px) !important;
}

.etp-login-brand img {
	width: min(320px, 72vw) !important;
	margin-bottom: 22px !important;
}

.etp-login-hero h1 {
	font-size: clamp(30px, 4vw, 48px) !important;
	line-height: 1.05 !important;
}

.etp-login {
	align-self: center !important;
	width: 100% !important;
	max-width: 420px !important;
	padding: clamp(24px, 3vw, 34px) !important;
}

.etp-login input[type="submit"] {
	width: 100% !important;
	min-height: 44px !important;
	border-radius: 7px !important;
}

@media (max-width: 860px) {
	.etp-login-page {
		grid-template-columns: 1fr !important;
		padding-top: 62px !important;
	}

	.etp-login-hero {
		min-height: auto;
	}
}

@media (max-width: 720px) {
	.etp-header-main {
		grid-template-columns: 1fr !important;
	}

	.etp-header-logo {
		width: min(210px, 78vw) !important;
	}

	.etp-header {
		display: grid !important;
		gap: 14px !important;
		padding-top: 62px !important;
	}

	.etp-subscription {
		width: 100%;
	}
}



body:has(.etp-login-page) .wp-site-blocks,
body:has(.etp-login-page) main,
body:has(.etp-login-page) main > .wp-block-group,
body:has(.etp-login-page) .entry-content,
body:has(.etp-login-page) .wp-block-post-content {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.etp-login-page {
	isolation: isolate;
	width: 100vw !important;
	max-width: none !important;
	min-height: 100vh !important;
	margin: 0 0 0 calc(50% - 50vw) !important;
	padding: clamp(42px, 6vh, 74px) clamp(22px, 5vw, 72px) 72px !important;
	display: grid !important;
	grid-template-columns: minmax(420px, 560px) minmax(360px, 460px) !important;
	gap: clamp(24px, 4vw, 42px) !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: hidden !important;
}

.etp-login-hero,
.etp-login {
	width: 100% !important;
	min-width: 0 !important;
	max-width: none !important;
	transform: none !important;
	opacity: 1 !important;
}

.etp-login-hero {
	min-height: auto !important;
	padding: clamp(30px, 4vw, 46px) !important;
}

.etp-login {
	justify-self: stretch !important;
	align-self: center !important;
	padding: clamp(28px, 3.3vw, 38px) !important;
	background: color-mix(in srgb, var(--etp-surface) 97%, transparent) !important;
	backdrop-filter: blur(14px);
}

.etp-login-logo {
	display: block !important;
	width: min(280px, 82%) !important;
	margin: 0 0 28px !important;
}

.etp-login h2 {
	font-size: clamp(24px, 2.6vw, 30px) !important;
	line-height: 1.15 !important;
}

.etp-login input[type="text"],
.etp-login input[type="password"] {
	min-height: 48px !important;
	font-size: 15px !important;
}

@media (max-width: 980px) {
	.etp-login-page {
		grid-template-columns: minmax(0, 440px) !important;
		justify-content: center !important;
		align-content: center !important;
		padding: 42px 18px 64px !important;
	}

	.etp-login-hero {
		display: none !important;
	}

	.etp-login {
		box-shadow: 0 18px 52px rgba(21, 34, 31, 0.14) !important;
	}
}

@media (max-width: 520px) {
	.etp-login-page {
		grid-template-columns: 1fr !important;
		padding: 22px 12px 58px !important;
	}

	.etp-login {
		padding: 22px !important;
	}

	.etp-login-logo {
		width: min(230px, 88%) !important;
	}
}


/* ===== FAZ 4 LAYER: Linear/Notion vibe overrides ===== */

/* Adim 2: Header + Subscription card */
.etp-header {
	background: var(--etp-surface);
	border: 1px solid var(--etp-border);
	border-radius: 12px;
	padding: 24px 28px;
	box-shadow: var(--etp-shadow-soft);
	display: flex;
	align-items: flex-start;
	gap: 32px;
	justify-content: space-between;
}
.etp-header-main {
	display: flex;
	align-items: center;
	gap: 20px;
	flex: 1;
	min-width: 0;
}
.etp-header-logo {
	width: 64px;
	height: 64px;
	object-fit: contain;
	flex-shrink: 0;
}
.etp-header-main > div:not(.etp-header-logo) {
	flex: 1;
	min-width: 0;
}
.etp-kicker {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--etp-muted);
	margin: 0 0 4px 0;
}
.etp-header h1 {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.2;
	color: var(--etp-text);
	margin: 0 0 8px 0;
}
.etp-header p {
	color: var(--etp-muted);
	font-size: 14px;
	line-height: 1.5;
	margin: 0;
}
.etp-subscription {
	background: var(--etp-surface-strong);
	border: 1px solid var(--etp-border);
	border-radius: 12px;
	padding: 14px 18px;
	min-width: 180px;
	text-align: left;
	display: flex;
	flex-direction: column;
	gap: 4px;
	box-shadow: none;
}
.etp-subscription span {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--etp-muted);
}
.etp-subscription strong {
	font-size: 16px;
	font-weight: 600;
	color: var(--etp-text);
	letter-spacing: -0.01em;
}
.etp-subscription small {
	font-size: 12px;
	color: var(--etp-muted);
	font-family: ui-monospace, 'SF Mono', Menlo, monospace;
}

/* Role notice */
.etp-role-notice {
	background: var(--etp-accent-soft);
	border: 1px solid var(--etp-accent);
	border-radius: 8px;
	padding: 10px 14px;
	color: var(--etp-accent-strong);
	font-size: 13px;
	font-weight: 500;
	margin: 16px 0;
}

/* Adim 2: Alert center */
.etp-alert-center {
	background: var(--etp-surface);
	border: 1px solid var(--etp-border);
	border-radius: 12px;
	padding: 20px;
	box-shadow: var(--etp-shadow-soft);
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.etp-alert-summary {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
}
.etp-alert-summary-card {
	background: var(--etp-surface-soft);
	border: 1px solid var(--etp-border);
	border-left: 3px solid var(--etp-border-strong);
	border-radius: 8px;
	padding: 14px 16px;
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.etp-alert-summary-card span {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--etp-muted);
}
.etp-alert-summary-card strong {
	font-size: 28px;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--etp-text);
	line-height: 1;
}
.etp-alert-summary-card small {
	font-size: 12px;
	color: var(--etp-muted);
	margin-top: 2px;
}
.etp-alert-summary-danger {
	background: var(--etp-danger-soft);
	border-left-color: var(--etp-danger);
}
.etp-alert-summary-danger strong { color: var(--etp-danger-strong); }
.etp-alert-summary-warning {
	background: var(--etp-warning-soft);
	border-left-color: var(--etp-warning);
}
.etp-alert-summary-warning strong { color: var(--etp-warning); }
.etp-alert-summary-info {
	background: var(--etp-info-soft);
	border-left-color: var(--etp-info);
}
.etp-alert-summary-info strong { color: var(--etp-info); }

.etp-alert-feed {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.etp-alert-item {
	background: var(--etp-surface-soft);
	border: 1px solid var(--etp-border);
	border-radius: 8px;
	padding: 12px 16px;
	display: grid;
	grid-template-columns: auto auto 1fr auto;
	gap: 12px;
	align-items: center;
	font-size: 14px;
}
.etp-alert-item small {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--etp-muted);
}
.etp-alert-item strong {
	color: var(--etp-text);
	font-weight: 600;
}
.etp-alert-item span:not(.etp-alert-dot) {
	color: var(--etp-muted);
	font-size: 13px;
}
.etp-alert-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--etp-muted);
	flex-shrink: 0;
}
.etp-alert-item-warning .etp-alert-dot { background: var(--etp-warning); }
.etp-alert-item-danger .etp-alert-dot { background: var(--etp-danger); }
.etp-alert-item-info .etp-alert-dot { background: var(--etp-info); }

/* Adim 2: Metric cards */
.etp-metrics {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
	margin: 20px 0;
}
.etp-metric {
	background: var(--etp-surface);
	border: 1px solid var(--etp-border);
	border-radius: 12px;
	padding: 16px 18px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.etp-metric:hover {
	border-color: var(--etp-accent);
	box-shadow: var(--etp-shadow-soft);
}
.etp-metric span {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--etp-muted);
}
.etp-metric strong {
	font-size: 32px;
	font-weight: 700;
	letter-spacing: -0.03em;
	color: var(--etp-text);
	line-height: 1;
}

/* Adim 2: Quick actions */
.etp-quick-actions {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
	margin: 0 0 20px 0;
}
.etp-quick-actions a {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 16px 18px;
	background: var(--etp-surface);
	border: 1px solid var(--etp-border);
	border-radius: 12px;
	color: var(--etp-text);
	text-decoration: none;
	transition: border-color 0.15s ease, background 0.15s ease;
}
.etp-quick-actions a:hover {
	background: var(--etp-accent-soft);
	border-color: var(--etp-accent);
}
.etp-quick-actions a strong {
	font-size: 14px;
	font-weight: 600;
	color: var(--etp-text);
	letter-spacing: -0.01em;
}
.etp-quick-actions a span {
	font-size: 12px;
	color: var(--etp-muted);
	margin-top: 0;
}

/* Responsive: tablet */
@media (max-width: 1024px) {
	.etp-alert-summary { grid-template-columns: repeat(3, 1fr); }
	.etp-metrics { grid-template-columns: repeat(2, 1fr); }
	.etp-quick-actions { grid-template-columns: repeat(2, 1fr); }
}

/* Responsive: mobile */
@media (max-width: 640px) {
	.etp-header {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 16px !important;
		padding: 20px !important;
	}
	.etp-header-main {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 12px !important;
	}
	.etp-header-main > div:not(.etp-header-logo) {
		text-align: left;
	}
	.etp-header-logo { width: min(170px, 62vw) !important; height: auto !important; }
	.etp-header h1 { font-size: 20px !important; line-height: 1.25 !important; }
	.etp-header p { font-size: 13px !important; }
	.etp-subscription {
		min-width: 0 !important;
		width: 100% !important;
		flex-direction: row !important;
		justify-content: space-between !important;
		align-items: center !important;
	}
	.etp-alert-summary { grid-template-columns: 1fr; }
	.etp-metrics { grid-template-columns: 1fr 1fr; gap: 8px; }
	.etp-metric strong { font-size: 26px; }
	.etp-quick-actions { grid-template-columns: 1fr; }
	.etp-alert-item {
		grid-template-columns: auto 1fr;
		gap: 8px;
	}
	.etp-alert-item small, .etp-alert-item span:last-child {
		grid-column: 2;
	}
}

/* ===== FAZ 4 LAYER END ===== */

/* ===== FAZ 4 LAYER ADIM 3: Forms / Inputs / Buttons / Dropzone ===== */
/* Field wrapper - label + input dikey */
.etp-field {
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
	min-width: 0 !important;
}
.etp-field-label {
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	color: var(--etp-muted) !important;
	display: block !important;
}
.etp-field-label .req {
	color: var(--etp-danger) !important;
	margin-left: 2px;
}
.etp-field input,
.etp-field select,
.etp-field textarea {
	width: 100% !important;
}


/* Generic input/select/textarea */
.etp-shell .etp-journal-form input[type="text"], .etp-shell .etp-journal-form input[type="number"], .etp-shell .etp-journal-form input[type="time"] { width: auto !important; min-width: 70px !important; max-width: 150px !important; }
.etp-shell .etp-journal-form select { width: auto !important; min-width: 90px !important; }
.etp-shell .etp-journal-form textarea { width: 100% !important; max-width: 680px !important; }
.etp-shell .etp-journal-form label { display: inline-block; font-size: 13px; }
.etp-shell .etp-stop-form input.etp-stop-time { width: 120px !important; }
.etp-shell .etp-stop-form input[type="text"], .etp-shell .etp-stop-form input[type="number"], .etp-shell .etp-stop-form input[type="time"] { width: auto !important; min-width: 70px !important; max-width: 130px !important; }
.etp-shell .etp-stop-form textarea { width: 100% !important; max-width: 680px !important; }
.etp-shell .etp-stop-form input.etp-stop-dur { width: 70px !important; }
.etp-shell .etp-stop-form input.etp-stop-reason { width: 340px !important; }
.etp-shell input[type="text"],
.etp-shell input[type="email"],
.etp-shell input[type="number"],
.etp-shell input[type="date"],
.etp-shell input[type="search"],
.etp-shell input[type="tel"],
.etp-shell input[type="password"],
.etp-shell input:not([type]),
.etp-shell select,
.etp-shell textarea {
	background: var(--etp-surface) !important;
	border: 1px solid var(--etp-border) !important;
	border-radius: 8px !important;
	padding: 9px 12px !important;
	font-size: 14px !important;
	color: var(--etp-text) !important;
	font-family: inherit !important;
	line-height: 1.4 !important;
	transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
	box-shadow: none !important;
	width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}
.etp-shell input:focus,
.etp-shell select:focus,
.etp-shell textarea:focus {
	border-color: var(--etp-accent) !important;
	box-shadow: var(--etp-ring) !important;
	outline: none !important;
}
.etp-shell input::placeholder,
.etp-shell textarea::placeholder {
	color: var(--etp-muted) !important;
	opacity: 1;
}
.etp-shell input:disabled,
.etp-shell select:disabled,
.etp-shell textarea:disabled {
	background: var(--etp-bg-strong) !important;
	color: var(--etp-muted) !important;
	cursor: not-allowed;
}

/* Generic buttons */
.etp-shell button[type="submit"],
.etp-shell button.etp-print {
	background: var(--etp-btn) !important;
	color: #ffffff !important;
	border: 1px solid var(--etp-btn) !important;
	border-radius: 999px !important;
	padding: 10px 22px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: -0.01em !important;
	font-family: inherit !important;
	cursor: pointer !important;
	transition: background 0.15s ease, border-color 0.15s ease !important;
	white-space: nowrap;
}
.etp-shell button[type="submit"]:hover,
.etp-shell button.etp-print:hover {
	background: var(--etp-btn-strong) !important;
	border-color: var(--etp-btn-strong) !important;
}
.etp-shell button[type="submit"]:focus,
.etp-shell button.etp-print:focus {
	outline: none !important;
	box-shadow: var(--etp-ring) !important;
}

/* Row action button (Düzenle, Ac, vb) - ghost stil */
.etp-row-action {
	background: var(--etp-surface) !important;
	color: var(--etp-text) !important;
	border: 1px solid var(--etp-border) !important;
	border-radius: 8px !important;
	padding: 6px 12px !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	cursor: pointer !important;
	transition: border-color 0.15s ease, background 0.15s ease !important;
}
.etp-row-action:hover {
	background: var(--etp-accent-soft) !important;
	border-color: var(--etp-accent) !important;
	color: var(--etp-accent) !important;
}

/* Archive button - kirmizi altcizili text link (yuksek specificity) */
.etp-shell form.etp-archive-form button.etp-row-action.etp-archive-button,
.etp-shell .etp-panel form.etp-archive-form button.etp-archive-button,
.etp-shell .etp-table form.etp-archive-form button.etp-archive-button,
.etp-shell .etp-doc-node form.etp-archive-form button.etp-archive-button,
.etp-shell .etp-staff-card form.etp-archive-form button.etp-archive-button,
.etp-shell .etp-staff-doc-row form.etp-archive-form button.etp-archive-button {
	background: transparent !important;
	color: var(--etp-danger) !important;
	border: 0 !important;
	border-radius: 999px !important;
	padding: 5px 12px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	transition: background .15s ease, color .15s ease !important;
	cursor: pointer !important;
	box-shadow: none !important;
	letter-spacing: 0 !important;
	white-space: nowrap;
	width: auto !important;
}
.etp-shell form.etp-archive-form button.etp-row-action.etp-archive-button:hover,
.etp-shell .etp-panel form.etp-archive-form button.etp-archive-button:hover,
.etp-shell .etp-table form.etp-archive-form button.etp-archive-button:hover,
.etp-shell .etp-doc-node form.etp-archive-form button.etp-archive-button:hover,
.etp-shell .etp-staff-card form.etp-archive-form button.etp-archive-button:hover,
.etp-shell .etp-staff-doc-row form.etp-archive-form button.etp-archive-button:hover {
	background: var(--etp-danger-soft) !important;
	color: var(--etp-danger-strong) !important;
	text-decoration: none !important;
	border: 1px solid transparent !important;
}
.etp-shell form.etp-archive-form button.etp-archive-button:focus {
	outline: 2px solid var(--etp-danger) !important;
	outline-offset: 2px !important;
	box-shadow: none !important;
}
/* archive-form wrapper inline, yer kaplamasin */
.etp-shell form.etp-archive-form {
	display: inline !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
}

/* Form grid sadeleÅŸtir - auto-fit, min 200px */
.etp-form,
.etp-form-compact,
.etp-user-form,
.etp-document-upload-form,
.etp-contract-form,
.etp-staff-doc-form,
.etp-inline-edit {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
	gap: 12px !important;
	align-items: end !important;
	padding: 16px !important;
	background: var(--etp-surface-soft) !important;
	border: 1px solid var(--etp-border) !important;
	border-radius: 12px !important;
	margin: 12px 0 !important;
}
.etp-form button[type="submit"],
.etp-form-compact button[type="submit"],
.etp-user-form button[type="submit"],
.etp-document-upload-form button[type="submit"],
.etp-contract-form button[type="submit"],
.etp-staff-doc-form button[type="submit"],
.etp-inline-edit button[type="submit"] {
	grid-column: auto;
	align-self: end;
}
.etp-form p {
	grid-column: 1 / -1;
	font-size: 12px;
	color: var(--etp-muted);
	margin: 4px 0 0 0;
}

/* Inline-form (bakim/kontrol tamamlama satiri) */
.etp-inline-form {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	align-items: center !important;
}
.etp-inline-form input {
	flex: 1 1 140px;
}

/* Archive form - pasife al butonu tek başına */
.etp-archive-form {
	display: inline-block !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
}

/* Dropzone */
.etp-dropzone {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 4px !important;
	padding: 18px 16px !important;
	background: var(--etp-surface) !important;
	border: 1.5px dashed var(--etp-border-strong) !important;
	border-radius: 8px !important;
	color: var(--etp-muted) !important;
	font-size: 13px !important;
	text-align: center !important;
	cursor: pointer !important;
	transition: border-color 0.15s ease, background 0.15s ease !important;
	min-height: 80px;
}
.etp-dropzone:hover {
	border-color: var(--etp-accent) !important;
	background: var(--etp-accent-soft) !important;
}
.etp-dropzone span {
	font-weight: 600 !important;
	color: var(--etp-text) !important;
	font-size: 14px !important;
}
.etp-dropzone small {
	color: var(--etp-muted) !important;
	font-size: 12px !important;
}
.etp-dropzone input[type="file"] {
	display: none !important;
}
.etp-dropzone-compact {
	padding: 12px !important;
	min-height: 60px;
}

/* Current file display (mevcut yuklenen dosya gosterim) */
.etp-current-file {
	background: var(--etp-surface-soft) !important;
	border: 1px solid var(--etp-border) !important;
	border-radius: 8px !important;
	padding: 10px 12px !important;
	font-size: 13px !important;
}
.etp-current-file strong {
	display: block;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--etp-muted);
	margin-bottom: 4px;
}
.etp-current-file a {
	color: var(--etp-accent) !important;
	text-decoration: none;
	font-weight: 500;
}
.etp-current-file a:hover {
	text-decoration: underline;
}
.etp-current-file label {
	display: block;
	margin-top: 6px;
	font-size: 12px;
	color: var(--etp-muted);
}

/* Filterbar */
.etp-filterbar {
	display: grid !important;
	grid-template-columns: 2fr 1fr 1fr auto !important;
	gap: 10px !important;
	margin: 12px 0 !important;
	align-items: center !important;
}
.etp-filterbar button {
	background: var(--etp-surface) !important;
	color: var(--etp-text) !important;
	border: 1px solid var(--etp-border) !important;
	border-radius: 8px !important;
	padding: 9px 14px !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	cursor: pointer !important;
	transition: border-color 0.15s ease !important;
}
.etp-filterbar button:hover {
	border-color: var(--etp-accent) !important;
	color: var(--etp-accent) !important;
}

/* Date filter (bakim/stok/arsiv tarih araligi) */
.etp-date-filter {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
	align-items: center !important;
	padding: 12px !important;
	background: var(--etp-surface-soft) !important;
	border: 1px solid var(--etp-border) !important;
	border-radius: 8px !important;
	margin: 12px 0 !important;
}
.etp-date-filter strong {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--etp-muted);
}
.etp-date-filter input[type="date"] {
	flex: 0 1 160px;
}
.etp-date-filter button {
	background: var(--etp-surface) !important;
	color: var(--etp-text) !important;
	border: 1px solid var(--etp-border) !important;
	border-radius: 8px !important;
	padding: 7px 12px !important;
	font-size: 13px !important;
	cursor: pointer !important;
}
.etp-date-filter button:hover {
	border-color: var(--etp-accent) !important;
	color: var(--etp-accent) !important;
}

/* Responsive: mobile form/filter */
/* Date filter input kompakt boyut (yuksek specificity) */
.etp-shell .etp-date-filter {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 12px !important;
}
.etp-shell .etp-date-filter > strong {
	flex: 0 0 auto !important;
}
.etp-shell .etp-date-filter .etp-field {
	flex: 0 0 auto !important;
	width: 160px !important;
	min-width: 0 !important;
	max-width: 160px !important;
	gap: 4px !important;
}
.etp-shell .etp-date-filter .etp-field input[type="date"] {
	width: 100% !important;
	height: 38px !important;
	min-height: 0 !important;
	max-height: 38px !important;
	padding: 8px 10px !important;
	box-sizing: border-box !important;
	line-height: 1.2 !important;
	display: block !important;
}
.etp-shell .etp-date-filter button {
	flex: 0 0 auto !important;
	align-self: flex-end;
	height: 38px !important;
}

@media (max-width: 640px) {
	.etp-form,
	.etp-form-compact,
	.etp-user-form,
	.etp-document-upload-form,
	.etp-contract-form,
	.etp-staff-doc-form,
	.etp-inline-edit {
		grid-template-columns: 1fr !important;
		gap: 10px !important;
		padding: 14px !important;
	}
	.etp-filterbar {
		grid-template-columns: 1fr !important;
		gap: 8px !important;
	}
	.etp-date-filter .etp-field {
		flex: 1 1 100% !important;
	}
}

/* ===== FAZ 4 LAYER ADIM 3 END ===== */

/* ===== FAZ 4 LAYER ADIM 4: Tables / Status / Tree / Panels ===== */

/* Panel container */
.etp-panel {
	background: var(--etp-surface) !important;
	border: 1px solid var(--etp-border) !important;
	border-radius: 12px !important;
	padding: 24px !important;
	margin: 16px 0 !important;
	box-shadow: var(--etp-shadow-soft) !important;
}
.etp-panel-head {
	display: flex !important;
	justify-content: space-between !important;
	align-items: baseline !important;
	gap: 16px !important;
	margin: 0 0 16px 0 !important;
	padding: 0 0 14px 0 !important;
	border-bottom: 1px solid var(--etp-border) !important;
}
.etp-panel-head h2 {
	font-size: 18px !important;
	font-weight: 700 !important;
	letter-spacing: -0.02em !important;
	color: var(--etp-text) !important;
	margin: 0 !important;
	line-height: 1.3 !important;
}
.etp-panel-head span {
	font-size: 12px !important;
	color: var(--etp-muted) !important;
	font-weight: 500 !important;
}

/* Subscription plan grid */
.etp-plan-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
	gap: 12px !important;
	margin: 0 0 16px 0 !important;
}
.etp-plan-grid > div {
	background: var(--etp-surface-soft) !important;
	border: 1px solid var(--etp-border) !important;
	border-radius: 8px !important;
	padding: 12px 14px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
}
.etp-plan-grid span {
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	color: var(--etp-muted) !important;
}
.etp-plan-grid strong {
	font-size: 15px !important;
	font-weight: 600 !important;
	color: var(--etp-text) !important;
}

/* Facility list */
.etp-facility-list {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
	gap: 10px !important;
	margin: 0 0 16px 0 !important;
}
.etp-facility-list a {
	display: block !important;
	background: var(--etp-surface-soft) !important;
	border: 1px solid var(--etp-border) !important;
	border-radius: 8px !important;
	padding: 12px 14px !important;
	color: var(--etp-text) !important;
	text-decoration: none !important;
	transition: border-color 0.15s ease, background 0.15s ease !important;
}
.etp-facility-list a:hover {
	border-color: var(--etp-accent) !important;
	background: var(--etp-accent-soft) !important;
}
.etp-facility-list a.is-active {
	border-color: var(--etp-accent) !important;
	background: var(--etp-accent-soft) !important;
	box-shadow: inset 0 0 0 1px var(--etp-accent) !important;
}
.etp-facility-list a strong {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: var(--etp-text);
	margin-bottom: 2px;
}
.etp-facility-list a span {
	font-size: 12px;
	color: var(--etp-muted);
}

/* Table base */
.etp-table-wrap {
	overflow-x: auto !important;
	border-radius: 8px !important;
	border: 1px solid var(--etp-border) !important;
	background: var(--etp-surface) !important;
}
.etp-table {
	width: 100% !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	font-size: 13.5px !important;
}
.etp-table thead th {
	background: var(--etp-surface-soft) !important;
	color: var(--etp-muted) !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	padding: 10px 12px !important;
	text-align: left !important;
	border-bottom: 1px solid var(--etp-border) !important;
	position: sticky;
	top: 0;
	z-index: 1;
}
.etp-table tbody td {
	padding: 11px 12px !important;
	border-bottom: 1px solid var(--etp-border) !important;
	color: var(--etp-text) !important;
	vertical-align: middle;
}
.etp-table tbody tr:last-child td {
	border-bottom: none !important;
}
.etp-table tbody tr {
	transition: background 0.12s ease;
}
.etp-table tbody tr:hover {
	background: var(--etp-surface-soft) !important;
}

/* Sortable header */
.etp-table thead th[data-sort] {
	cursor: pointer !important;
	user-select: none;
	transition: color 0.12s ease;
}
.etp-table thead th[data-sort]:hover {
	color: var(--etp-accent) !important;
}
.etp-table thead th[data-sort]::after {
	content: " \2195";
	opacity: 0.4;
	font-size: 11px;
	margin-left: 2px;
}
.etp-table thead th.sorted-asc::after { content: " \2191"; opacity: 1; color: var(--etp-accent); }
.etp-table thead th.sorted-desc::after { content: " \2193"; opacity: 1; color: var(--etp-accent); }

/* Click row (stok satirlari, evrak doc-node) */
.etp-click-row {
	cursor: pointer;
	transition: background 0.12s ease;
}

/* Detail row (genisleyen edit form) */
.etp-detail-row {
	background: var(--etp-surface-soft) !important;
}
.etp-detail-row td {
	padding: 16px !important;
	background: var(--etp-surface-soft) !important;
}
.etp-detail-panel {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
}
.etp-detail-panel > div:first-child strong {
	font-size: 14px;
	font-weight: 600;
	color: var(--etp-text);
}
.etp-detail-panel > div:first-child span {
	font-size: 12px;
	color: var(--etp-muted);
}

/* Status badge - base pill style */
.etp-status {
	display: inline-block !important;
	padding: 3px 10px !important;
	border-radius: 999px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
	background: var(--etp-bg-strong) !important;
	color: var(--etp-muted) !important;
	border: 1px solid var(--etp-border) !important;
	line-height: 1.5 !important;
	white-space: nowrap;
}

/* Status: success (gecerli, tamamlandi, ok) */
.etp-status-gecerli,
.etp-status-tamamlandi,
.etp-status-ok {
	background: var(--etp-success-soft) !important;
	color: var(--etp-success) !important;
	border-color: var(--etp-success) !important;
}

/* Status: warning (bekliyor, yaklasiyor) */
.etp-status-bekliyor,
.etp-status-yaklasiyor,
.etp-status-warning {
	background: var(--etp-warning-soft) !important;
	color: var(--etp-warning) !important;
	border-color: var(--etp-warning) !important;
}

/* Status: danger (eksik, suresi-gecmis, missing) */
.etp-status-eksik,
.etp-status-suresi-gecmis,
.etp-status-missing {
	background: var(--etp-danger-soft) !important;
	color: var(--etp-danger-strong) !important;
	border-color: var(--etp-danger) !important;
}

/* Status: info (arsiv, pasif - henuz tanımsız) */
.etp-status-arsiv,
.etp-status-pasif {
	background: var(--etp-bg-strong) !important;
	color: var(--etp-muted) !important;
	border-color: var(--etp-border-strong) !important;
}

/* Document tree */
.etp-document-tree {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
}
.etp-doc-folder {
	background: var(--etp-surface) !important;
	border: 1px solid var(--etp-border) !important;
	border-radius: 12px !important;
	overflow: hidden;
}
.etp-doc-folder summary {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	padding: 12px 14px !important;
	background: var(--etp-surface-soft) !important;
	cursor: pointer !important;
	list-style: none !important;
	font-size: 14px !important;
	transition: background 0.12s ease;
}
.etp-doc-folder summary::-webkit-details-marker { display: none; }
.etp-doc-folder summary::marker { content: ""; }
.etp-doc-folder summary:hover {
	background: var(--etp-accent-soft) !important;
}
.etp-doc-folder summary strong {
	flex: 1;
	font-weight: 600;
	color: var(--etp-text);
}
.etp-doc-folder summary small {
	font-size: 11px;
	font-weight: 600;
	color: var(--etp-muted);
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
.etp-folder-icon {
	width: 16px;
	height: 16px;
	border-radius: 4px;
	background: var(--etp-accent) !important;
	flex-shrink: 0;
	display: inline-block;
}
.etp-doc-children {
	border-top: 1px solid var(--etp-border) !important;
	padding: 8px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
}
.etp-doc-node {
	display: grid !important;
	grid-template-columns: 1fr auto auto auto !important;
	gap: 12px !important;
	align-items: center !important;
	padding: 10px 12px !important;
	background: var(--etp-surface-soft) !important;
	border: 1px solid var(--etp-border) !important;
	border-radius: 8px !important;
	font-size: 13px !important;
	transition: background 0.12s ease, border-color 0.12s ease;
}
.etp-doc-node:hover {
	background: var(--etp-accent-soft) !important;
	border-color: var(--etp-accent) !important;
}
.etp-doc-node > div strong {
	display: block;
	font-weight: 600;
	color: var(--etp-text);
	font-size: 13px;
	margin-bottom: 1px;
}
.etp-doc-node > div span {
	display: block;
	font-size: 11px;
	color: var(--etp-muted);
}
.etp-doc-node a:not(.etp-row-action) {
	color: var(--etp-accent) !important;
	text-decoration: none;
	font-size: 12px;
	font-weight: 500;
}
.etp-doc-node a:hover {
	text-decoration: underline;
}
.etp-doc-detail {
	background: var(--etp-bg-strong) !important;
	border: 1px solid var(--etp-border) !important;
	border-radius: 8px !important;
	padding: 14px !important;
	margin-top: 4px !important;
}

/* Missing list alert (Eksik evrak basliklari) */
.etp-missing-list-alert {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
	padding: 14px 16px !important;
	background: var(--etp-danger-soft) !important;
	border: 1px solid var(--etp-danger) !important;
	border-radius: 12px !important;
	margin: 12px 0 !important;
}
.etp-missing-list-alert strong {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--etp-danger-strong) !important;
}
.etp-missing-list {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
}
.etp-missing-list span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px !important;
	background: var(--etp-surface) !important;
	border: 1px solid var(--etp-danger) !important;
	border-radius: 8px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	color: var(--etp-danger-strong) !important;
}
.etp-missing-list span i {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--etp-danger) !important;
}

/* Staff card */
.etp-staff-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
	gap: 14px !important;
	margin: 16px 0 0 0 !important;
}
.etp-staff-card {
	background: var(--etp-surface) !important;
	border: 1px solid var(--etp-border) !important;
	border-radius: 12px !important;
	padding: 16px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
	box-shadow: var(--etp-shadow-soft) !important;
}
.etp-staff-card > header {
	display: flex !important;
	justify-content: space-between !important;
	align-items: flex-start !important;
	gap: 10px !important;
	padding-bottom: 10px !important;
	border-bottom: 1px solid var(--etp-border) !important;
}
.etp-staff-card > header strong {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: var(--etp-text) !important;
	display: block;
	line-height: 1.2;
}
.etp-staff-card > header span {
	font-size: 12px !important;
	color: var(--etp-muted) !important;
	font-weight: 500;
}
.etp-staff-card > header small {
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	color: var(--etp-muted) !important;
	padding: 3px 10px;
	background: var(--etp-bg-strong);
	border-radius: 999px;
	white-space: nowrap;
}
.etp-staff-meta {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	font-size: 12px !important;
	color: var(--etp-muted) !important;
}
.etp-staff-meta span {
	padding: 3px 10px;
	background: var(--etp-surface-soft);
	border: 1px solid var(--etp-border);
	border-radius: 8px;
}

/* Staff doc tree (kart icinde accordion) */
.etp-staff-doc-tree {
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
}
.etp-staff-doc-folder {
	border: 1px solid var(--etp-border) !important;
	border-radius: 8px !important;
	overflow: hidden;
}
.etp-staff-doc-folder summary {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 8px !important;
	padding: 8px 12px !important;
	background: var(--etp-surface-soft) !important;
	cursor: pointer !important;
	list-style: none;
	font-size: 13px !important;
	transition: background 0.12s ease;
}
.etp-staff-doc-folder summary::-webkit-details-marker { display: none; }
.etp-staff-doc-folder summary::marker { content: ""; }
.etp-staff-doc-folder summary:hover {
	background: var(--etp-accent-soft) !important;
}
.etp-staff-doc-folder summary strong {
	flex: 1;
	font-weight: 500;
	color: var(--etp-text);
}
.etp-staff-doc-folder summary span {
	font-size: 11px;
	font-weight: 600;
	color: var(--etp-muted);
	padding: 2px 8px;
	background: var(--etp-bg-strong);
	border-radius: 999px;
}
.etp-staff-doc-row {
	display: grid !important;
	grid-template-columns: 1fr auto auto auto !important;
	gap: 8px !important;
	align-items: center !important;
	padding: 8px 12px !important;
	font-size: 12px !important;
	border-top: 1px solid var(--etp-border) !important;
}
.etp-staff-doc-row.is-empty {
	color: var(--etp-muted) !important;
	font-style: italic;
	padding: 10px 12px !important;
	grid-template-columns: 1fr;
}
.etp-staff-doc-row strong {
	font-weight: 500;
	color: var(--etp-text);
	font-size: 13px;
}
.etp-staff-doc-row span:first-of-type {
	color: var(--etp-muted);
	font-size: 11px;
}
.etp-staff-doc-row a {
	color: var(--etp-accent) !important;
	text-decoration: none;
	font-weight: 500;
}
.etp-staff-doc-row a:hover {
	text-decoration: underline;
}

/* Archive overview cards */
.etp-archive-overview {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
	gap: 12px !important;
	margin: 0 0 16px 0 !important;
}
.etp-archive-overview > div {
	background: var(--etp-surface-soft) !important;
	border: 1px solid var(--etp-border) !important;
	border-radius: 8px !important;
	padding: 12px 14px !important;
}
.etp-archive-overview > div span {
	display: block;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--etp-muted);
	margin-bottom: 4px;
}
.etp-archive-overview > div strong {
	font-size: 24px;
	font-weight: 700;
	color: var(--etp-text);
	letter-spacing: -0.02em;
}

/* Report panel */
.etp-report-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
	gap: 16px !important;
	margin: 0 0 16px 0 !important;
}
.etp-report-grid > div {
	background: var(--etp-surface-soft) !important;
	border: 1px solid var(--etp-border) !important;
	border-radius: 12px !important;
	padding: 14px !important;
}
.etp-report-grid h3 {
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	color: var(--etp-muted) !important;
	margin: 0 0 10px 0 !important;
}
.etp-report-grid ul {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
}
.etp-report-grid li {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	gap: 8px !important;
	font-size: 13px !important;
	padding: 6px 0 !important;
	border-bottom: 1px solid var(--etp-border) !important;
}
.etp-report-grid li:last-child {
	border-bottom: none !important;
}
.etp-report-grid li span {
	color: var(--etp-text);
}
.etp-report-grid li strong {
	font-weight: 600;
	color: var(--etp-muted);
	font-size: 12px;
}

/* Responsive: mobile tables -> scroll, tree node tek kolon */
@media (max-width: 640px) {
	.etp-doc-node,
	.etp-staff-doc-row {
		grid-template-columns: 1fr !important;
		gap: 6px !important;
	}
	.etp-staff-doc-row a,
	.etp-staff-doc-row .etp-row-action {
		justify-self: flex-start;
	}
	.etp-plan-grid {
		grid-template-columns: 1fr 1fr !important;
	}
	.etp-panel {
		padding: 16px !important;
	}
}

/* ===== FAZ 4 LAYER ADIM 4 END ===== */



/* ===== FAZ 4 LAYER ADIM 5a: Login + Alert + Empty State + Bakim inline ===== */

/* Login page - 2 column layout */
.etp-login-page {
	min-height: 100vh !important;
	background: var(--etp-bg) !important;
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* Sol panel - brand/proof */
.etp-login-hero {
	background: var(--etp-surface) !important;
	border-right: 1px solid var(--etp-border) !important;
	padding: 48px 56px !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	gap: 18px !important;
	max-width: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}
.etp-login-brand {
	margin: 0 0 8px 0 !important;
	padding: 0 !important;
	display: block !important;
}
.etp-login-brand img {
	max-width: 220px !important;
	width: auto !important;
	height: auto !important;
	display: block;
}
.etp-login-hero .etp-kicker {
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	color: var(--etp-muted) !important;
	margin: 0 !important;
}
.etp-login-hero h1 {
	font-size: 32px !important;
	font-weight: 700 !important;
	letter-spacing: -0.025em !important;
	line-height: 1.15 !important;
	color: var(--etp-text) !important;
	margin: 0 !important;
}
.etp-login-hero > p {
	font-size: 15px !important;
	color: var(--etp-muted) !important;
	line-height: 1.6 !important;
	margin: 0 !important;
	max-width: 480px;
}
.etp-login-proof {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 12px !important;
	margin-top: 12px !important;
	max-width: 480px;
}
.etp-login-proof > div {
	background: var(--etp-surface-soft) !important;
	border: 1px solid var(--etp-border) !important;
	border-radius: 12px !important;
	padding: 14px 16px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 2px !important;
}
.etp-login-proof strong {
	font-size: 22px !important;
	font-weight: 700 !important;
	color: var(--etp-text) !important;
	letter-spacing: -0.02em !important;
	line-height: 1.1;
}
.etp-login-proof span {
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
	color: var(--etp-muted) !important;
}

/* Sag panel - login form */
.etp-login {
	background: var(--etp-bg) !important;
	padding: 48px 56px !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	gap: 16px !important;
	max-width: none !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}
.etp-login-logo {
	max-width: 140px !important;
	width: auto !important;
	height: auto !important;
	display: block;
	margin-bottom: 8px;
}
.etp-login h2 {
	font-size: 24px !important;
	font-weight: 700 !important;
	letter-spacing: -0.02em !important;
	color: var(--etp-text) !important;
	margin: 0 !important;
	line-height: 1.2;
}
.etp-login > p {
	font-size: 14px !important;
	color: var(--etp-muted) !important;
	margin: 0 0 8px 0 !important;
	line-height: 1.5;
}

/* WP login form internals (wp_login_form ciktisi) */
.etp-login form,
.etp-login .login-form,
.etp-login #loginform {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	max-width: 400px;
	box-shadow: none !important;
}
.etp-login form p {
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
}
.etp-login form p label {
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	color: var(--etp-muted) !important;
	margin: 0 !important;
	padding: 0 !important;
}
.etp-login form input[type="text"],
.etp-login form input[type="email"],
.etp-login form input[type="password"] {
	background: var(--etp-surface) !important;
	border: 1px solid var(--etp-border) !important;
	border-radius: 8px !important;
	padding: 10px 12px !important;
	font-size: 14px !important;
	color: var(--etp-text) !important;
	font-family: inherit !important;
	width: 100% !important;
	box-shadow: none !important;
	line-height: 1.4;
}
.etp-login form input[type="text"]:focus,
.etp-login form input[type="email"]:focus,
.etp-login form input[type="password"]:focus {
	border-color: var(--etp-accent) !important;
	box-shadow: var(--etp-ring) !important;
	outline: none !important;
}
.etp-login form p.login-remember {
	flex-direction: row !important;
	align-items: center !important;
	gap: 8px !important;
	font-size: 13px !important;
}
.etp-login form p.login-remember label {
	letter-spacing: 0 !important;
	text-transform: none !important;
	font-weight: 500 !important;
	color: var(--etp-text) !important;
	font-size: 13px !important;
	flex-direction: row !important;
	align-items: center;
	gap: 6px;
}
.etp-login form p.login-remember input[type="checkbox"] {
	accent-color: var(--etp-accent);
	width: 16px;
	height: 16px;
}
.etp-login form input[type="submit"],
.etp-login form .button-primary,
.etp-login form #wp-submit {
	background: var(--etp-accent) !important;
	color: #ffffff !important;
	border: 1px solid var(--etp-accent) !important;
	border-radius: 8px !important;
	padding: 11px 18px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: -0.01em !important;
	cursor: pointer !important;
	font-family: inherit !important;
	width: 100% !important;
	margin-top: 8px !important;
	transition: background 0.15s ease !important;
}
.etp-login form input[type="submit"]:hover,
.etp-login form #wp-submit:hover {
	background: var(--etp-accent-strong) !important;
}

/* Alert generic ve varyantlari */
.etp-alert {
	background: var(--etp-info-soft) !important;
	border: 1px solid var(--etp-info) !important;
	border-radius: 12px !important;
	padding: 12px 16px !important;
	color: var(--etp-info) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.5;
	margin: 12px 0 !important;
}
.etp-alert-ok {
	background: var(--etp-success-soft) !important;
	border-color: var(--etp-success) !important;
	color: var(--etp-success) !important;
}
.etp-alert-ok strong {
	color: var(--etp-success) !important;
	font-weight: 700;
}
.etp-alert-danger {
	background: var(--etp-danger-soft) !important;
	border-color: var(--etp-danger) !important;
	color: var(--etp-danger-strong) !important;
}
.etp-alert-warning {
	background: var(--etp-warning-soft) !important;
	border-color: var(--etp-warning) !important;
	color: var(--etp-warning) !important;
}

/* Empty state - tablo iceriÄŸi */
.etp-table tbody tr td[colspan]:only-child {
	text-align: center !important;
	color: var(--etp-muted) !important;
	font-style: italic !important;
	padding: 24px !important;
	font-size: 13px !important;
}
.etp-doc-node-missing {
	background: var(--etp-danger-soft) !important;
	border-color: var(--etp-danger) !important;
}
.etp-doc-node-missing strong {
	color: var(--etp-danger-strong) !important;
}
.etp-doc-node-missing span:not(.etp-status) {
	color: var(--etp-muted) !important;
}
.etp-staff-doc-row.is-empty {
	text-align: center;
	color: var(--etp-muted) !important;
	font-style: italic;
}

/* Bakim inline form (Tamamla) */
.etp-inline-form input {
	font-size: 13px !important;
}
.etp-inline-form input[name="checklist"] {
	flex: 2 1 200px !important;
}
.etp-inline-form input[data-stock-search] {
	flex: 1 1 160px !important;
}
.etp-inline-form input[data-stock-quantity] {
	flex: 0 0 80px !important;
}

/* Login responsive - mobile tek kolon */
@media (max-width: 880px) {
	.etp-login-page {
		grid-template-columns: 1fr !important;
	}
	.etp-login-hero {
		padding: 32px 24px !important;
		border-right: none !important;
		border-bottom: 1px solid var(--etp-border) !important;
		gap: 14px !important;
	}
	.etp-login-hero h1 {
		font-size: 22px !important;
	}
	.etp-login-hero .etp-login-brand img {
		max-width: 160px !important;
	}
	.etp-login-proof {
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 8px !important;
	}
	.etp-login-proof > div {
		padding: 10px !important;
	}
	.etp-login-proof strong {
		font-size: 18px !important;
	}
	.etp-login {
		padding: 32px 24px !important;
	}
	.etp-login h2 {
		font-size: 20px !important;
	}
}

/* ===== FAZ 4 LAYER ADIM 5a END ===== */
/* ===== Faz 9: davet/sifre yeniden gonder buton (text-link) ===== */
.etp-shell .etp-inline-form {
	display: inline !important;
	margin: 0 !important;
}
.etp-shell .etp-resend-btn {
	display: inline !important;
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 14px 0 0 !important;
	width: auto !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	color: var(--etp-accent) !important;
	text-decoration: none !important;
	cursor: pointer !important;
}
.etp-shell .etp-resend-btn:hover {
	color: var(--etp-accent-strong) !important;
	text-decoration: underline !important;
	text-underline-offset: 3px !important;
}
/* ===== /Faz 9 ===== */
/* ===== Faz 10: sidebar collapse (rail) ===== */
.etp-shell .etp-module-tree[data-collapse-ready="1"] .etp-rail-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	margin: 0 0 8px auto;
	padding: 0;
	background: #ffffff;
	border: 1px solid var(--etp-border);
	border-radius: 8px;
	color: var(--etp-muted, #5b6b82);
	cursor: pointer;
	position: sticky;
	top: 0;
	z-index: 3;
}
.etp-shell .etp-rail-toggle:hover {
	color: var(--etp-ink, #0e2548);
	border-color: var(--etp-primary, #1f5fa5);
	background: #f4f6fa;
}
.etp-shell .etp-rail-chevron {
	display: inline-flex;
	transition: transform .15s ease;
}
.etp-shell .etp-rail-chevron svg { width: 18px; height: 18px; }
.etp-shell .etp-rail-icon {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
}
.etp-shell .etp-rail-icon svg { width: 18px; height: 18px; }
.etp-shell .etp-module-tree[data-collapse-ready="1"] a > span:not(.etp-rail-icon) {
	display: none !important;
}
.etp-shell .etp-workspace.is-rail {
	grid-template-columns: 66px minmax(0, 1fr) !important;
}
.etp-shell .etp-workspace.is-rail .etp-tree-head > strong,
.etp-shell .etp-workspace.is-rail .etp-tree-head > span,
.etp-shell .etp-workspace.is-rail .etp-tree-group > strong {
	display: none !important;
}
.etp-shell .etp-workspace.is-rail .etp-module-tree { padding: 10px 8px !important; }
.etp-shell .etp-workspace.is-rail .etp-rail-toggle { margin: 4px auto 8px !important; }
.etp-shell .etp-workspace.is-rail .etp-module-tree a {
	font-size: 0 !important;
	justify-content: center !important;
	gap: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.etp-shell .etp-workspace.is-rail .etp-rail-chevron { transform: rotate(180deg); }
.etp-shell .etp-tree-head .etp-rail-toggle {
	position: static;
	margin: 0;
	width: 28px;
	height: 28px;
	flex: 0 0 auto;
}
.etp-shell .etp-workspace.is-rail .etp-tree-head { justify-content: center !important; }
.etp-shell .etp-workspace.is-rail .etp-tree-head-titles { display: none !important; }
/* ===== /Faz 10 ===== */
/* ===== Faz 11: uyari satiri tiklanabilir ===== */
.etp-shell .etp-alert-clickable { cursor: pointer; }
.etp-shell .etp-alert-clickable:hover { outline: 1px solid var(--etp-primary, #1f5fa5); outline-offset: -2px; }
/* ===== /Faz 11 ===== */

/* ===== Faz 12: uyari filtre ===== */
.etp-shell #uyarilar .etp-alert-summary-card[data-alert-filter] { cursor: pointer; }
.etp-shell #uyarilar .etp-alert-summary-card.is-active-filter { outline: 2px solid var(--etp-primary, #1f5fa5); outline-offset: -2px; }
.etp-shell #uyarilar .etp-alert-showall { display: inline-flex; align-items: center; margin: 2px 0 12px; padding: 4px 12px; width: auto; background: #f4f6fa; border: 1px solid var(--etp-border); border-radius: 999px; font-size: 12px; font-weight: 600; color: var(--etp-muted, #5b6b82); text-decoration: none; cursor: pointer; transition: background .15s ease, color .15s ease, border-color .15s ease; }
.etp-shell #uyarilar .etp-alert-showall:hover { background: #ffffff; color: var(--etp-ink, #0e2548); border-color: var(--etp-primary, #1f5fa5); }
.etp-shell #uyarilar .etp-alert-item[hidden] { display: none !important; }
/* ===== /Faz 12 ===== */

/* ===== Faz 13: no-expiry toggle ===== */
.etp-shell .etp-field[hidden] { display: none !important; }
.etp-shell .etp-noexpiry-field { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--etp-muted, #5b6b82); margin: 2px 0 6px; cursor: pointer; }
.etp-shell .etp-noexpiry-field input { width: auto; margin: 0; }
/* ===== /Faz 13 ===== */

/* ===== Faz 14: newcat toggle ===== */
.etp-shell .etp-newcat-toggle, .etp-shell form .etp-newcat-toggle { display: inline-block !important; background: none !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin: 4px 0 10px !important; width: auto !important; font-size: 12px !important; font-weight: 500 !important; color: #6b7280 !important; text-decoration: underline !important; cursor: pointer !important; }
.etp-shell .etp-newcat-toggle:hover { color: #111827 !important; }
.etp-shell .etp-newcat-form { display: flex; gap: 8px; align-items: center; margin: 0 0 10px; }
.etp-shell .etp-newcat-form[hidden] { display: none !important; }
.etp-shell .etp-newcat-form input[name="category_label"] { flex: 1; }
.etp-shell .etp-newcat-form button { width: auto; white-space: nowrap; }
/* etp-newcat-toggle-override */
.etp-shell .etp-panel button.etp-newcat-toggle:not(.etp-theme-toggle) { color: #6b7280 !important; background: none !important; }
.etp-shell .etp-panel button.etp-newcat-toggle:not(.etp-theme-toggle):hover { color: #111827 !important; }
/* ===== /Faz 14 ===== */

/* ===== Faz 15: kategori sil ===== */
.etp-shell .etp-catdel-form { display: inline; margin: 0 0 0 12px; }
.etp-shell .etp-doc-folder button.etp-catdel-btn { display: inline-flex !important; align-items: center; background: transparent !important; border: 1px solid transparent !important; box-shadow: none !important; padding: 4px 10px !important; margin: 0 !important; width: auto !important; font-size: 12px !important; font-weight: 600 !important; color: var(--etp-danger) !important; text-decoration: none !important; border-radius: 999px !important; cursor: pointer !important; transition: background .15s ease, color .15s ease !important; }
.etp-shell .etp-doc-folder button.etp-catdel-btn:hover { background: var(--etp-danger-soft) !important; color: var(--etp-danger-strong) !important; }
/* ===== /Faz 15 ===== */

/* ===== Faz 16: opsiyonel ===== */
.etp-shell .etp-status-opsiyonel { background: #eef2f7 !important; color: #5b6b82 !important; }
.etp-shell .etp-doc-node-optional { opacity: 0.85; }
/* ===== /Faz 16 ===== */

/* ===== Faz 17: kategori zorunlu/opsiyonel rozet ===== */
.etp-shell .etp-cat-tag { display: inline-block; margin-left: 10px; padding: 2px 8px; border-radius: 999px; font-size: 11px; font-weight: 600; vertical-align: middle; }
.etp-shell .etp-cat-tag-req { background: #fdecea; color: #c0392b; }
.etp-shell .etp-cat-tag-opt { background: #eef2f7; color: #5b6b82; }
/* ===== /Faz 17 ===== */

/* ===== Faz 18: staff edit link ===== */
.etp-shell .etp-staff-card button.etp-staff-edit-link { display: inline !important; background: none !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 0 0 8px !important; width: auto !important; font-size: 12px !important; font-weight: 600 !important; color: var(--etp-muted) !important; text-decoration: none !important; cursor: pointer !important; vertical-align: middle; }
.etp-shell .etp-staff-card button.etp-staff-edit-link:hover { color: var(--etp-accent) !important; text-decoration: underline !important; text-underline-offset: 3px !important; }
/* ===== /Faz 18 ===== */

/* ===== Faz 19: staff-doc edit ===== */
.etp-shell .etp-staff-doc-row button.etp-staff-edit-link { display: inline !important; background: none !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 0 0 8px !important; width: auto !important; font-size: 11px !important; font-weight: 600 !important; color: var(--etp-muted) !important; text-decoration: none !important; cursor: pointer !important; vertical-align: middle; }
.etp-shell .etp-staff-doc-row button.etp-staff-edit-link:hover { color: var(--etp-accent) !important; text-decoration: underline !important; text-underline-offset: 3px !important; }
/* ===== /Faz 19 ===== */

/* ===== Faz 19b: removefile ===== */
.etp-shell .etp-sd-removefile { display: flex; align-items: center; gap: 6px; font-size: 12px; color: #5b6b82; margin: 4px 0 8px; font-weight: 400; }
.etp-shell .etp-sd-removefile input { width: auto; margin: 0; }
.etp-shell .etp-sd-filename { font-style: italic; color: #6b7280; }
/* ===== /Faz 19b ===== */

/* ===== Faz 19c: currentfile ===== */
.etp-shell .etp-sd-currentfile { display: flex; align-items: baseline; gap: 6px; font-size: 12px; margin: 4px 0 2px; max-width: 100%; }
.etp-shell .etp-sd-filelabel { color: #5b6b82; white-space: nowrap; }
.etp-shell .etp-sd-currentfile .etp-sd-filename { font-style: italic; color: #6b7280; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 260px; }
.etp-shell .etp-sd-removefile { display: flex; align-items: center; gap: 6px; font-size: 12px; color: #5b6b82; margin: 0 0 8px; font-weight: 400; }
.etp-shell .etp-sd-removefile input { width: auto; margin: 0; flex: none; }
/* ===== /Faz 19c ===== */

/* ===== Faz 20: logout ===== */
.etp-shell .etp-userbar { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-bottom: 8px; }
.etp-shell .etp-userbar-name { font-size: 13px; font-weight: 600; color: var(--etp-ink, #0e2548); }
.etp-shell .etp-panel button.etp-inline-link, .etp-shell form button.etp-inline-link, .etp-shell button[type="submit"].etp-inline-link { background: none !important; border: none !important; padding: 0 !important; margin: 0 !important; color: var(--etp-danger) !important; font-size: 12px !important; font-weight: 600 !important; text-decoration: none !important; cursor: pointer !important; width: auto !important; min-width: 0 !important; box-shadow: none !important; line-height: 1.4 !important; }
.etp-shell button.etp-inline-link:hover { text-decoration: underline !important; text-underline-offset: 3px !important; }
.etp-shell .etp-panel button.etp-inline-link.etp-inline-ok, .etp-shell button[type="submit"].etp-inline-link.etp-inline-ok { color: #1e7e34 !important; }
.etp-shell a.etp-task-open, .etp-shell a.etp-task-open:link, .etp-shell a.etp-task-open:visited { color: #ffffff !important; background: var(--etp-btn) !important; border-radius: 999px !important; padding: 9px 18px !important; }
.etp-shell a.etp-task-open:hover { color: #ffffff !important; background: var(--etp-btn-strong) !important; }
.etp-shell a.etp-logout { display: inline-block; padding: 5px 14px; border-radius: 999px; background: #fdecea; color: #c0392b !important; font-size: 12px; font-weight: 700; text-decoration: none; border: 1px solid #f5c6c0; white-space: nowrap; }
.etp-shell a.etp-logout:hover { background: #c0392b; color: #ffffff !important; border-color: #c0392b; }
/* ===== /Faz 20 ===== */

/* ===== Faz 20b: rolebar ===== */
.etp-shell .etp-rolebar { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.etp-shell .etp-rolebar-name { font-weight: 600; }
.etp-shell a.etp-logout-sm { display: inline-block; margin-left: 4px; padding: 1px 9px; border-radius: 999px; background: #fdecea; color: #c0392b !important; font-size: 11px; font-weight: 700; text-decoration: none; border: 1px solid #f5c6c0; white-space: nowrap; }
.etp-shell a.etp-logout-sm:hover { background: #c0392b; color: #ffffff !important; border-color: #c0392b; }
/* ===== /Faz 20b ===== */

/* ===== Faz 21: tablo toolbar ===== */
.etp-shell .etp-table-toolbar { margin: 10px 0; }
.etp-shell .etp-table-search { width: 100%; max-width: 360px; padding: 8px 12px; border: 1px solid #d6dee8; border-radius: 8px; font-size: 13px; }
.etp-shell .etp-service-actions { white-space: nowrap; vertical-align: middle; }
.etp-shell .etp-service-actions > * { display: inline-flex; align-items: center; vertical-align: middle; }
.etp-shell .etp-service-actions > * + * { margin-left: 10px; }
.etp-shell .etp-service-actions .etp-archive-form { margin: 0; }
.etp-shell .etp-svc-edit-row > td { background: var(--etp-surface-soft); }
.etp-shell .etp-status-gecerli { background: #e6f4ea !important; color: #1e7e34 !important; }
.etp-shell .etp-status-yaklasiyor { background: #fff6e0 !important; color: #9a6b00 !important; }
.etp-shell .etp-status-suresi-gecmis { background: #fdecea !important; color: #c0392b !important; }
/* ===== /Faz 21 ===== */

/* print-header ekranda gizli */
.etp-print-header { display: none; }

/* ===== Faz 24: export ikon ===== */
.etp-shell .etp-table-toolbar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.etp-shell .etp-export-actions { display: inline-flex; gap: 6px; margin-left: auto; }
.etp-shell button.etp-export-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0 !important; background: #eef1f4 !important; border-radius: 999px !important; cursor: pointer; transition: all .15s ease; }
.etp-shell button.etp-export-btn[data-export-print] { color: #c0392b !important; border: 1px solid #e6b3ad !important; }
.etp-shell button.etp-export-btn[data-export-print]:hover { background: #c0392b !important; color: #ffffff !important; border-color: #c0392b !important; }
.etp-shell button.etp-export-btn.etp-export-xls { color: #1e7e34 !important; border: 1px solid #b3d9bf !important; }
.etp-shell button.etp-export-btn.etp-export-xls:hover { background: #1e7e34 !important; color: #ffffff !important; border-color: #1e7e34 !important; }
@media print { .etp-export-actions { display: none !important; } }
/* Islem Kayitlari modulu butonlari */
.etp-shell .etp-islem-csv { display: inline-flex; align-items: center; gap: 7px; padding: 9px 18px; background: #fff; color: var(--etp-text) !important; border: 1px solid #d4dbe3; border-radius: 999px; font-size: 13px; font-weight: 600; text-decoration: none; transition: all .15s ease; }
.etp-shell .etp-islem-csv:hover { background: var(--etp-accent); color: #fff !important; border-color: var(--etp-accent); }
.etp-shell .etp-islem-csv[hidden] { display: none !important; }
.etp-shell button.etp-islem-more { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: auto; min-width: 190px; height: auto; padding: 11px 26px; border-radius: 999px; background: var(--etp-btn); color: #fff; border: none; font-size: 13px; font-weight: 600; cursor: pointer; transition: background .15s ease; }
.etp-shell button.etp-islem-more:hover { background: var(--etp-btn-strong); }
.etp-shell button.etp-islem-more[hidden] { display: none; }
[data-theme="dark"] .etp-shell .etp-islem-csv { background: #ffffff !important; color: #0f172a !important; border-color: #cdd6e2 !important; }
[data-theme="dark"] .etp-shell .etp-islem-csv:hover { background: var(--etp-accent) !important; color: #fff !important; }
.etp-shell .etp-islem-toolbar { display: flex; flex-direction: column; align-items: stretch; gap: 12px; margin: 10px 0; }
.etp-shell .etp-islem-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.etp-shell .etp-islem-filters select, .etp-shell .etp-islem-filters input[type="date"] { width: auto !important; min-width: 150px !important; max-width: 240px !important; margin: 0 !important; flex: 0 1 auto; }
.etp-shell .etp-islem-toolbar .etp-export-actions { order: -1; align-self: flex-end; display: inline-flex; gap: 8px; }
.etp-shell .etp-islem-clear { padding: 8px 16px; border: 1px solid #d4dbe3; border-radius: 999px; background: #fff; color: var(--etp-text); font-size: 13px; font-weight: 600; cursor: pointer; transition: all .15s ease; }
.etp-shell .etp-islem-clear:hover { background: var(--etp-surface-soft); border-color: #94a3b8; }
[data-theme="dark"] .etp-shell .etp-islem-clear { background: #ffffff !important; color: #0f172a !important; border-color: #cdd6e2 !important; }
/* FOUC engelle: JS panelleri ayarlayip data-ready koyana kadar ozet disi panelleri gizle */
.etp-module-stage:not([data-ready]) > .etp-panel:not(#ozet), .etp-module-stage:not([data-ready]) > .etp-report:not(#ozet) { display: none !important; }
/* etp-export-btn-bg-override */
.etp-shell .etp-table-toolbar .etp-export-actions button.etp-export-btn { background: #eef1f4 !important; }
.etp-shell .etp-table-toolbar .etp-export-actions button.etp-export-btn[data-export-print]:hover { background: #c0392b !important; }
.etp-shell .etp-table-toolbar .etp-export-actions button.etp-export-btn.etp-export-xls:hover { background: #1e7e34 !important; }
/* ===== /Faz 24 ===== */

/* ===== Faz 25: Baski gorunurluk duzeltmesi =====
   print-only ogeler (baslik + imza blogu) ekranda/mobilde GIZLI, sadece baskida gorunur.
   Dosya sonunda oldugu icin onceki tum celisen kurallari (kaynak sirasi) ezer. */
.etp-print-header,
.etp-print-sign { display: none !important; }
@media print {
	.etp-print-header { display: flex !important; }
	.etp-print-sign { display: flex !important; }
}
/* ===== /Faz 25 ===== */

/* ===== Faz 26: PDF Indir buton + liste ikonu ===== */
.etp-shell a.etp-pdf-btn {
	display: inline-flex; align-items: center; gap: 7px;
	padding: 9px 18px; background: #fff; color: var(--etp-text) !important;
	border-radius: 999px; text-decoration: none; font-weight: 600; font-size: 14px;
	border: 1px solid var(--etp-border-strong); cursor: pointer; transition: background .15s ease, border-color .15s ease;
}
.etp-shell a.etp-pdf-btn:hover { background: var(--etp-surface-soft); border-color: #94a3b8; }
.etp-shell a.etp-pdf-icon {
	display: inline-flex; align-items: center; justify-content: center;
	width: 36px; height: 36px; color: #c0392b; border-radius: 999px;
	background: #eef1f4; border: 1px solid #e6b3ad; transition: all .15s ease; text-decoration: none;
}
.etp-shell a.etp-pdf-icon:hover { background: #c0392b; color: #fff; border-color: #c0392b; }
/* ===== /Faz 26 ===== */

/* ===== Faz 27: tablo raporlari PDF indir ikonu (Yazdir yerine) ===== */
.etp-shell a.etp-export-btn.etp-pdf-dl { display: inline-flex !important; align-items: center; justify-content: center; width: 36px !important; height: 36px !important; padding: 0 !important; background: #eef1f4 !important; border-radius: 999px !important; color: #c0392b !important; border: 1px solid #e6b3ad !important; text-decoration: none; transition: all .15s ease; }
.etp-shell a.etp-export-btn.etp-pdf-dl:hover { background: #c0392b !important; color: #ffffff !important; border-color: #c0392b !important; }
/* ===== /Faz 27 ===== */

/* ===== Faz 8e: Operasyon Panosu filtre + grafik duzeltmeleri ===== */
#etp-pano-filtre .etp-f-cat {
	background: #ffffff !important;
	color: #1f5fa5 !important;
	border: 1px solid #1f5fa5 !important;
	border-radius: 12px !important;
	padding: 4px 12px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	width: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	box-shadow: none !important;
	letter-spacing: 0 !important;
}
#etp-pano-filtre .etp-f-cat.etp-cat-on {
	background: #1f5fa5 !important;
	color: #ffffff !important;
	border-color: #1f5fa5 !important;
}
#etp-pano-filtre #etp-f-clear {
	background: #ffffff !important;
	color: #c0392b !important;
	border: 1px solid #c0392b !important;
	border-radius: 8px !important;
	width: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	box-shadow: none !important;
	letter-spacing: 0 !important;
}
#etp-pano-filtre input[type="date"],
#etp-pano-filtre select {
	width: auto !important;
	min-width: 120px !important;
}
#pano svg,
#pano-icerik svg {
	max-width: none !important;
}
/* ===== /Faz 8e ===== */

/* ETP buton fix K2 - zayif specificity link-butonlar; 2150 kaldirildi, bunlar generic submit(0,2,1)'i yener (dosya sonu, esit+sonra) */
.etp-shell .etp-fault-foot button { background: transparent !important; border: 0 !important; color: var(--etp-danger) !important; font-size: 12px !important; font-weight: 600 !important; text-decoration: underline !important; padding: 2px 0 !important; box-shadow: none !important; letter-spacing: normal !important; width: auto !important; min-width: 0 !important; }
/* geri al: yesil hayalet hap */
.etp-shell button.etp-restore-button,
.etp-shell button.etp-btn-restore { background: transparent !important; border: 1px solid transparent !important; color: #15803d !important; font-size: 13px !important; font-weight: 600 !important; text-decoration: none !important; padding: 5px 12px !important; border-radius: 999px !important; box-shadow: none !important; letter-spacing: normal !important; width: auto !important; min-width: 0 !important; transition: background .15s ease, color .15s ease !important; }
.etp-shell button.etp-restore-button:hover,
.etp-shell button.etp-btn-restore:hover { background: var(--etp-success-soft) !important; color: #15803d !important; }
/* silme: kirmizi hayalet hap */
.etp-shell button.etp-delete-button,
.etp-shell button.etp-btn-delete { background: transparent !important; border: 1px solid transparent !important; color: var(--etp-danger) !important; font-size: 13px !important; font-weight: 600 !important; text-decoration: none !important; padding: 5px 12px !important; border-radius: 999px !important; box-shadow: none !important; letter-spacing: normal !important; width: auto !important; min-width: 0 !important; transition: background .15s ease, color .15s ease !important; }
.etp-shell button.etp-delete-button:hover,
.etp-shell button.etp-btn-delete:hover { background: var(--etp-danger-soft) !important; color: var(--etp-danger-strong) !important; }

.etp-fault-mgr-note { background: var(--etp-accent-soft, #eef2ff); border-left: 3px solid var(--etp-accent, #3b5bdb); padding: 6px 10px; border-radius: 8px; font-size: 13px; line-height: 1.4; margin: 0 0 8px; color: var(--etp-text, #1f2937); }

/* Fault aksiyon formlari (Duzelt/Ata/Coz): textarea+buton+paragraf tam satir, sikisma giderildi */
.etp-fault-actions .etp-form-compact { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important; align-items: start !important; }
.etp-fault-actions .etp-form-compact .etp-field:has(textarea) { grid-column: 1 / -1 !important; }
.etp-fault-actions .etp-form-compact > p { grid-column: 1 / -1 !important; margin: 0 !important; }
.etp-fault-actions .etp-form-compact > button[type="submit"] { grid-column: 1 / -1 !important; justify-self: end !important; align-self: start !important; width: auto !important; min-width: 0 !important; }


/* Bildirim zili + panel (header) */
.etp-notif { position: relative; display: inline-flex; align-items: center; margin-left: 8px; vertical-align: middle; }
.etp-shell .etp-notif-bell { position: relative; display: inline-flex !important; align-items: center; justify-content: center; width: 34px !important; height: 34px !important; min-width: 0 !important; padding: 0 !important; background: #ffffff !important; border: 1px solid var(--etp-border, #d6dee8) !important; border-radius: 8px !important; box-shadow: none !important; color: var(--etp-ink, #0e2548) !important; cursor: pointer; }
.etp-shell .etp-notif-bell svg { width: 18px; height: 18px; }
.etp-shell .etp-notif-bell:hover { border-color: var(--etp-primary, #1f5fa5) !important; color: var(--etp-primary, #1f5fa5) !important; background: #ffffff !important; }
.etp-shell .etp-notif-bell .etp-notif-badge, .etp-notif-badge { position: absolute; top: -7px; right: -7px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--etp-danger, #dc2626) !important; color: #ffffff !important; font-size: 11px !important; font-weight: 700 !important; line-height: 18px !important; letter-spacing: 0 !important; text-transform: none !important; text-align: center; border: 2px solid #ffffff; box-shadow: 0 0 0 1px rgba(15,23,42,.06); }
.etp-notif-panel { position: absolute; top: 42px; right: 0; width: 320px; max-width: 86vw; max-height: 70vh; overflow-y: auto; background: #fff; border: 1px solid var(--etp-border, #d6dee8); border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,.16); z-index: 50; text-align: left; }
.etp-notif-panel[hidden] { display: none; }
.etp-notif-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 12px; border-bottom: 1px solid var(--etp-border, #e6ecf3); position: sticky; top: 0; background: #fff; }
.etp-notif-head strong { font-size: 13px; color: var(--etp-ink, #0e2548); }
.etp-notif-head form { margin: 0; }
.etp-shell .etp-notif-allread { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; width: auto !important; min-width: 0 !important; font-size: 12px !important; font-weight: 600 !important; color: var(--etp-primary, #1f5fa5) !important; text-decoration: underline !important; cursor: pointer; }
.etp-notif-list { display: flex; flex-direction: column; }
.etp-notif-empty { padding: 18px 12px; margin: 0; color: var(--etp-muted, #5b6b82); font-size: 13px; text-align: center; }
.etp-notif-item { margin: 0 !important; border-bottom: 1px solid #f0f3f7; }
.etp-notif-item:last-child { border-bottom: 0; }
.etp-shell .etp-notif-link { display: flex !important; flex-direction: column; gap: 2px; width: 100% !important; text-align: left !important; background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; padding: 10px 12px !important; margin: 0 !important; cursor: pointer; color: var(--etp-ink, #0e2548) !important; font-weight: 400 !important; letter-spacing: normal !important; }
.etp-shell .etp-notif-item.is-unread .etp-notif-link { background: #eef4ff !important; }
.etp-shell .etp-notif-item .etp-notif-link:hover { background: #f4f6fa !important; }
.etp-shell .etp-notif-item.is-unread .etp-notif-link:hover { background: #e3edff !important; }
.etp-notif-title { font-size: 13px; font-weight: 600; color: var(--etp-ink, #0e2548); }
.etp-notif-body { font-size: 12px; color: var(--etp-muted, #5b6b82); line-height: 1.35; }
.etp-notif-time { font-size: 11px; color: #9aa7b4; }


/* Bildirim panel buton specificity duzeltmesi (button elementli selector -> generic submit (0,2,1)'i yener) */
.etp-shell .etp-notif-item button.etp-notif-link { background: #ffffff !important; color: var(--etp-ink, #0e2548) !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; width: 100% !important; min-width: 0 !important; padding: 10px 12px !important; margin: 0 !important; font-weight: 400 !important; letter-spacing: normal !important; text-transform: none !important; text-align: left !important; display: flex !important; flex-direction: column; gap: 2px; cursor: pointer; }
.etp-shell .etp-notif-item.is-unread button.etp-notif-link { background: #eef4ff !important; }
.etp-shell .etp-notif-item button.etp-notif-link:hover { background: #f4f6fa !important; }
.etp-shell .etp-notif-item.is-unread button.etp-notif-link:hover { background: #e3edff !important; }
.etp-shell .etp-notif-item button.etp-notif-link .etp-notif-title { color: var(--etp-ink, #0e2548) !important; font-size: 13px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: normal !important; }
.etp-shell .etp-notif-item button.etp-notif-link .etp-notif-body { color: var(--etp-muted, #5b6b82) !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.35 !important; text-transform: none !important; letter-spacing: normal !important; }
.etp-shell .etp-notif-item button.etp-notif-link .etp-notif-time { color: #9aa7b4 !important; font-size: 11px !important; font-weight: 400 !important; }
.etp-shell .etp-notif-head button.etp-notif-allread { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; width: auto !important; min-width: 0 !important; font-size: 12px !important; font-weight: 600 !important; color: var(--etp-primary, #1f5fa5) !important; text-decoration: underline !important; letter-spacing: normal !important; text-transform: none !important; cursor: pointer; }

/* Hesabim (profil) butonu + paneli */
.etp-profile { position: relative; display: inline-flex; align-items: center; margin-left: 8px; vertical-align: middle; }
.etp-shell .etp-profile-btn { display: inline-flex !important; align-items: center; justify-content: center; width: 34px !important; height: 34px !important; min-width: 0 !important; padding: 0 !important; background: var(--etp-btn) !important; color: #fff !important; border: 0 !important; border-radius: 999px !important; box-shadow: none !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: normal !important; text-transform: uppercase !important; cursor: pointer; }
.etp-shell .etp-profile-btn:hover { background: var(--etp-btn-strong) !important; }
.etp-profile-panel { position: absolute; top: 42px; right: 0; width: 320px; max-width: 90vw; max-height: 80vh; overflow-y: auto; background: #fff; border: 1px solid var(--etp-border, #d6dee8); border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,.16); z-index: 50; text-align: left; padding: 12px 14px; }
.etp-profile-panel[hidden] { display: none; }
.etp-profile-head { margin-bottom: 8px; }
.etp-profile-head strong { font-size: 14px; color: var(--etp-ink, #0e2548); }
.etp-profile-ro { display: flex; flex-direction: column; gap: 4px; padding-bottom: 8px; border-bottom: 1px solid #eef2f7; }
.etp-profile-row { display: flex; align-items: baseline; gap: 8px; font-size: 13px; }
.etp-profile-k { flex: 0 0 86px; color: var(--etp-muted, #5b6b82); font-size: 11px; text-transform: uppercase; letter-spacing: .03em; }
.etp-profile-v { color: var(--etp-ink, #0e2548); word-break: break-word; }
.etp-shell button.etp-link-btn { display: inline !important; background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 0 0 6px !important; width: auto !important; min-width: 0 !important; height: auto !important; font-size: 12px !important; font-weight: 600 !important; color: var(--etp-accent) !important; text-decoration: none !important; letter-spacing: normal !important; text-transform: none !important; cursor: pointer; }
.etp-shell button.etp-link-btn:hover { text-decoration: underline !important; text-underline-offset: 3px !important; color: var(--etp-accent-strong) !important; }
.etp-shell button.etp-link-btn.is-primary { color: #fff !important; background: var(--etp-btn) !important; text-decoration: none !important; border-radius: 999px !important; padding: 6px 16px !important; margin: 0 !important; }
.etp-shell button.etp-link-btn.is-primary:hover { background: var(--etp-btn-strong) !important; text-decoration: none !important; }
.etp-shell button.etp-link-btn.is-primary:hover { background: var(--etp-ink, #0e2548) !important; }
.etp-profile-emailform { margin: 6px 0 0; }
.etp-profile-emailform .etp-field { display: flex; flex-direction: column; gap: 3px; }
.etp-profile-emailbtns { display: flex; align-items: center; gap: 14px; margin-top: 6px; }
.etp-profile-flash { margin: 8px 0; padding: 7px 10px; border-radius: 8px; font-size: 12px; line-height: 1.45; }
.etp-profile-flash.is-ok { background: var(--etp-success-soft, #e6f4ea); color: var(--etp-success, #1e7e34); }
.etp-profile-flash.is-err { background: var(--etp-danger-soft, #fdecea); color: var(--etp-danger-strong, #c0392b); }
.etp-inline2 { display: inline; margin: 0; }
.etp-profile-form { display: flex; flex-direction: column; gap: 8px; margin: 8px 0 0; }
.etp-profile-section { display: flex; flex-direction: column; gap: 6px; padding-top: 8px; border-top: 1px solid #eef2f7; }
.etp-profile-section-title { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: var(--etp-muted, #5b6b82); }
.etp-check-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 10px; }
.etp-shell .etp-check { display: flex !important; flex-direction: row !important; align-items: center; gap: 7px; font-size: 13px; color: var(--etp-ink, #0e2548); margin: 0; cursor: pointer; font-weight: 400; }
.etp-shell .etp-check input[type="checkbox"] { width: auto !important; min-width: 0 !important; margin: 0 !important; flex: none !important; }
.etp-shell button.etp-profile-save { width: 100% !important; margin-top: 4px; }


/* Ornek rapor gonder (profil paneli) */
.etp-profile-testform { margin: 10px 0 0; padding-top: 10px; border-top: 1px solid #eef2f7; display: flex; flex-direction: column; gap: 6px; }
.etp-testrow { display: flex; gap: 8px; align-items: center; }
.etp-shell select.etp-test-period { flex: 1; min-width: 0; padding: 6px 8px; border: 1px solid var(--etp-border, #d6dee8); border-radius: 8px; font-size: 13px; background: #fff; color: var(--etp-ink, #0e2548); }
.etp-test-hint { margin: 0; font-size: 11px; color: #9aa7b4; }


/* ===================== Login / Auth ekrani (yeni profesyonel tasarim) ===================== */
/* Eski .etp-login-page container kurallarini compound selector ile sifirla (specificity savasi yok) */
.etp-auth.etp-login-page { display: flex !important; min-height: 100vh; margin: 0 !important; padding: 0 !important; background: #f1f5f9 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
.etp-auth.etp-login-page::before { display: none !important; content: none !important; }
.etp-auth, .etp-auth * { box-sizing: border-box; }

/* HERO (sol panel) */
.etp-auth .etp-auth-hero { flex: 1 1 52%; position: relative; display: flex; align-items: center; justify-content: center; padding: 48px 56px; color: #fff; background: linear-gradient(135deg, #163d6b 0%, #1f5fa5 60%, #2774c4 100%); overflow: hidden; }
.etp-auth .etp-auth-hero::after { content: ""; position: absolute; inset: 0; background: radial-gradient(900px 520px at 82% -12%, rgba(255,255,255,.13), transparent 60%), radial-gradient(720px 520px at -12% 112%, rgba(255,255,255,.08), transparent 55%); pointer-events: none; }
.etp-auth .etp-auth-hero-inner { position: relative; z-index: 1; width: 100%; max-width: 460px; }
.etp-auth .etp-auth-brand img { height: 46px; width: auto; margin-bottom: 30px; filter: brightness(0) invert(1); }
.etp-auth .etp-auth-kicker { margin: 0 0 12px; font-size: 13px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.72); }
.etp-auth .etp-auth-title { margin: 0 0 16px; font-size: 34px; line-height: 1.15; font-weight: 800; letter-spacing: -.02em; color: #fff; }
.etp-auth .etp-auth-sub { margin: 0 0 28px; font-size: 15.5px; line-height: 1.6; color: rgba(255,255,255,.86); }
.etp-auth .etp-auth-feats { list-style: none; margin: 0 0 30px; padding: 0; display: grid; gap: 13px; }
.etp-auth .etp-auth-feats li { position: relative; padding-left: 34px; font-size: 14.5px; line-height: 1.45; color: rgba(255,255,255,.94); }
.etp-auth .etp-auth-feats li::before { content: "\2713"; position: absolute; left: 0; top: 0; width: 22px; height: 22px; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800; color: #fff; background: rgba(255,255,255,.18); border: 1px solid rgba(255,255,255,.32); border-radius: 50%; }
.etp-auth .etp-auth-trust { display: flex; flex-wrap: wrap; gap: 8px; }
.etp-auth .etp-auth-trust span { font-size: 12px; font-weight: 600; color: rgba(255,255,255,.92); background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.22); padding: 6px 12px; border-radius: 999px; }

/* SIDE (sag panel, form) */
.etp-auth .etp-auth-side { flex: 1 1 48%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 48px 28px; gap: 16px; }
.etp-auth .etp-auth-card { width: 100%; max-width: 400px; background: #fff; border: 1px solid #e6edf5; border-radius: 18px; box-shadow: 0 18px 50px rgba(15,23,42,.10); padding: 36px 34px; }
.etp-auth .etp-auth-logo { display: block; height: 40px; width: auto; margin: 0 auto 18px; }
.etp-auth .etp-auth-h2 { margin: 0 0 4px; font-size: 22px; font-weight: 800; color: #0f172a; text-align: center; letter-spacing: -.01em; }
.etp-auth .etp-auth-card-sub { margin: 0 0 24px; font-size: 14px; color: #64748b; text-align: center; }

/* wp_login_form ic yapisi */
.etp-auth .etp-auth-form #loginform { margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }
.etp-auth .etp-auth-form p { margin: 0 0 14px; }
.etp-auth .etp-auth-form label { display: block; font-size: 13px; font-weight: 600; color: #334155; margin-bottom: 6px; }
.etp-auth .etp-auth-card input[type="text"],
.etp-auth .etp-auth-card input[type="password"],
.etp-auth .etp-auth-card input[type="email"] { width: 100% !important; box-sizing: border-box; padding: 12px 14px !important; font-size: 15px; color: #0f172a; background: #fff !important; border: 1.5px solid #d6dee8 !important; border-radius: 12px !important; box-shadow: none !important; transition: border-color .15s, box-shadow .15s; }
.etp-auth .etp-auth-card input[type="text"]:focus,
.etp-auth .etp-auth-card input[type="password"]:focus,
.etp-auth .etp-auth-card input[type="email"]:focus { outline: none; border-color: #1f5fa5 !important; box-shadow: 0 0 0 3px rgba(31,95,165,.16) !important; }
.etp-auth .etp-auth-form .login-remember label { display: flex; align-items: center; gap: 8px; font-weight: 500; color: #475569; margin: 2px 0 0; cursor: pointer; }
.etp-auth .etp-auth-card .login-remember input[type="checkbox"] { width: auto !important; min-width: 0 !important; margin: 0 !important; }
.etp-auth .etp-auth-form .login-submit { margin: 18px 0 0; }
.etp-auth .etp-auth-card #wp-submit { width: 100% !important; display: block !important; padding: 13px 18px !important; font-size: 15px !important; font-weight: 700 !important; color: #fff !important; background: #1f5fa5 !important; border: 0 !important; border-radius: 12px !important; box-shadow: 0 6px 16px rgba(31,95,165,.28) !important; cursor: pointer; transition: background .15s, transform .05s; text-shadow: none !important; letter-spacing: normal !important; text-transform: none !important; }
.etp-auth .etp-auth-card #wp-submit:hover { background: #163d6b !important; }
.etp-auth .etp-auth-card #wp-submit:active { transform: translateY(1px); }

.etp-auth .etp-auth-aux { margin-top: 14px; text-align: center; }
.etp-auth .etp-auth-forgot { font-size: 13.5px; font-weight: 600; color: #1f5fa5; text-decoration: none; }
.etp-auth .etp-auth-forgot:hover { text-decoration: underline; }
.etp-auth .etp-auth-secure { margin: 18px 0 0; padding-top: 14px; border-top: 1px solid #eef2f7; font-size: 11.5px; line-height: 1.4; color: #94a3b8; text-align: center; }
.etp-auth .etp-auth-lock { font-size: 12px; }
.etp-auth .etp-auth-foot { margin: 0; font-size: 12.5px; color: #64748b; text-align: center; max-width: 360px; }

/* Responsive */
@media (max-width: 860px) {
	.etp-auth.etp-login-page { flex-direction: column !important; }
	.etp-auth .etp-auth-hero { flex: none; padding: 38px 26px; }
	.etp-auth .etp-auth-hero-inner { max-width: 540px; margin: 0 auto; }
	.etp-auth .etp-auth-title { font-size: 26px; }
	.etp-auth .etp-auth-feats { display: none; }
	.etp-auth .etp-auth-side { flex: none; padding: 30px 20px 52px; }
}
@media (max-width: 420px) {
	.etp-auth .etp-auth-card { padding: 28px 22px; border-radius: 12px; }
	.etp-auth .etp-auth-hero { padding: 26px 20px; }
	.etp-auth .etp-auth-title { font-size: 23px; }
}


/* Login - satir-ici sifre sifirlama paneli */
.etp-auth .etp-auth-reset { max-height: 0; overflow: hidden; transition: max-height .3s ease; }
.etp-auth .etp-auth-reset.is-open { max-height: 280px; }
.etp-auth .etp-auth-reset-inner { padding-top: 14px; }
.etp-auth .etp-auth-reset-info { margin: 0 0 10px; font-size: 12.5px; line-height: 1.4; color: #64748b; }
.etp-auth .etp-auth-reset-row { display: flex; gap: 8px; }
.etp-auth .etp-auth-card input.etp-auth-reset-input { flex: 1; min-width: 0; width: auto !important; padding: 11px 12px !important; font-size: 14px; color: #0f172a; background: #fff !important; border: 1.5px solid #d6dee8 !important; border-radius: 12px !important; box-shadow: none !important; }
.etp-auth .etp-auth-card input.etp-auth-reset-input:focus { outline: none; border-color: #1f5fa5 !important; box-shadow: 0 0 0 3px rgba(31,95,165,.16) !important; }
.etp-auth .etp-auth-reset-send { flex: none; padding: 11px 18px; font-size: 14px; font-weight: 700; color: #fff !important; background: #1f5fa5 !important; border: 0 !important; border-radius: 12px !important; cursor: pointer; transition: background .15s; letter-spacing: normal; }
.etp-auth .etp-auth-reset-send:hover { background: #163d6b !important; }
.etp-auth .etp-auth-reset-send:disabled { opacity: .6; cursor: default; }
.etp-auth .etp-auth-reset-msg { margin: 10px 0 0; font-size: 12.5px; line-height: 1.4; border-radius: 8px; padding: 8px 11px; }
.etp-auth .etp-auth-reset-msg.is-ok { background: #dcfce7; color: #166534; }
.etp-auth .etp-auth-reset-msg.is-err { background: #fef1f1; color: #991b1b; }


/* Login - satir-ici hata mesaji */
.etp-auth .etp-auth-error { margin: 0 0 12px; padding: 9px 12px; font-size: 12.5px; line-height: 1.4; color: #991b1b; background: #fef1f1; border: 1px solid #f6caca; border-radius: 8px; animation: etp-auth-shake .28s ease; }
@keyframes etp-auth-shake { 0%,100%{transform:translateX(0);} 20%{transform:translateX(-5px);} 40%{transform:translateX(5px);} 60%{transform:translateX(-3px);} 80%{transform:translateX(3px);} }


/* Portal bildirim toast (hata/uyari) */
.etp-toast { position: fixed; top: 20px; left: 50%; transform: translateX(-50%); z-index: 100001; display: flex; align-items: center; gap: 12px; max-width: 92vw; padding: 13px 18px; border-radius: 12px; background: #fff; box-shadow: 0 14px 40px rgba(15,23,42,.22); font-size: 14.5px; font-weight: 600; animation: etp-toast-in .25s ease; }
body.admin-bar .etp-toast { top: 52px; }
@media (max-width: 782px) { body.admin-bar .etp-toast { top: 60px; } }
.etp-toast-err { border: 1px solid #f3c2c2; border-left: 4px solid #dc2626; color: #991b1b; }
.etp-toast-msg { line-height: 1.4; }
.etp-shell .etp-toast-x { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 2px !important; margin: 0 !important; width: auto !important; min-width: 0 !important; font-size: 20px; line-height: 1; color: inherit !important; cursor: pointer; opacity: .55; }
.etp-shell .etp-toast-x:hover { opacity: 1; background: none !important; }
.etp-toast.is-hide { opacity: 0; transition: opacity .3s ease; }
@keyframes etp-toast-in { from { opacity: 0; transform: translate(-50%, -12px); } to { opacity: 1; transform: translate(-50%, 0); } }


/* Form alani inline hata ( or. bos problem) */
.etp-field-err { display: block; margin-top: 5px; color: #dc2626; font-size: 12px; font-weight: 600; }
.etp-field textarea.etp-field-invalid, .etp-field input.etp-field-invalid { border-color: #dc2626 !important; box-shadow: 0 0 0 2px rgba(220,38,38,.12) !important; }


/* Header uyari ikonlari (zilin yaninda; tiklayinca Uyarilar modulu) */
.etp-alertico { display: inline-flex; align-items: center; gap: 2px; margin-right: 2px; }
.etp-alertico-btn { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0; border: 0; background: transparent; border-radius: 8px; cursor: pointer; transition: background .15s ease, transform .15s ease; }
.etp-alertico-btn svg { width: 22px; height: 22px; display: block; }
.etp-alertico-btn:hover { background: rgba(148,163,184,.20); transform: translateY(-1px); }


/* === Ana Sayfa (Genel Bakis) === */
.etp-logo-link { display: inline-flex; align-items: center; cursor: pointer; }
.etp-home-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.etp-home-head h2 { margin: 0; }
.etp-home-head span { font-size: 12px; color: #6b7280; }
.etp-home-alerts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 20px; }
.etp-home-alert { text-align: left; display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; border-radius: 12px; background: #fff; border: 1px solid #e5e7eb; cursor: pointer; transition: border-color .15s ease, transform .15s ease; }
.etp-home-alert:hover { transform: translateY(-1px); }
.etp-home-alert-top { display: flex; align-items: center; justify-content: space-between; font-size: 13px; font-weight: 600; }
.etp-home-alert-top strong { font-size: 22px; font-weight: 700; }
.etp-home-alert small { font-size: 11px; color: #6b7280; line-height: 1.45; min-height: 15px; }
.etp-home-alert-danger { border-color: #f3c2c2; color: #991b1b; }
.etp-home-alert-warning { border-color: #fcd9a6; color: #92580a; }
.etp-home-alert-info { border-color: #bcd7f5; color: #1e477e; }
.etp-home-ok { display: flex; flex-direction: column; gap: 3px; padding: 14px 16px; border-radius: 12px; background: #f0fbf4; border: 1px solid #bbe7c9; margin-bottom: 20px; }
.etp-home-ok strong { color: #166534; font-size: 14px; }
.etp-home-ok span { color: #4b7a5a; font-size: 12px; }
.etp-home-modhead, .etp-home-quickhead { font-size: 12px; color: #9ca3af; margin: 0 2px 8px; }
.etp-home-mods { display: grid; grid-template-columns: repeat(auto-fit, minmax(165px, 1fr)); gap: 12px; margin-bottom: 20px; }
.etp-home-mod { display: grid; grid-template-columns: auto 1fr auto; grid-template-areas: "ico label dot" "txt txt txt"; gap: 4px 9px; align-items: center; text-align: left; padding: 12px 14px; border-radius: 12px; background: #fff; border: 1px solid #e5e7eb; cursor: pointer; transition: border-color .15s ease, transform .15s ease; }
.etp-home-mod:hover { border-color: #cbd5e1; transform: translateY(-1px); }
.etp-home-mod-ico { grid-area: ico; width: 18px; height: 18px; color: #64748b; }
.etp-home-mod-ico svg { width: 18px; height: 18px; display: block; }
.etp-home-mod-label { grid-area: label; font-size: 13px; font-weight: 600; color: #1f2937; }
.etp-home-mod-dot { grid-area: dot; width: 9px; height: 9px; border-radius: 50%; }
.etp-home-mod-text { grid-area: txt; font-size: 12px; color: #6b7280; margin-top: 3px; }
.etp-home-dot-danger { background: #dc2626; } .etp-home-dot-warning { background: #f59e0b; } .etp-home-dot-info { background: #3b82f6; } .etp-home-dot-ok { background: #16a34a; }
.etp-home-mod-danger { border-color: #f3c2c2; } .etp-home-mod-warning { border-color: #fcd9a6; }
.etp-home-quick { display: flex; gap: 10px; flex-wrap: wrap; }
.etp-home-qbtn { display: inline-flex; align-items: center; gap: 6px; padding: 9px 16px; border-radius: 999px; background: #fff; border: 1px solid #cbd5e1; color: #1f2937; font-size: 13px; font-weight: 600; text-decoration: none; cursor: pointer; transition: background .15s ease, border-color .15s ease; }
.etp-home-qbtn:hover { background: #f3f4f6; border-color: #94a3b8; }
@media (max-width: 720px) { .etp-home-alerts { grid-template-columns: 1fr; } }


/* === Header alti bilgi cubugu (topbar) - saga yatay tek sira === */
.etp-topbar { display: flex; position: relative; flex-wrap: wrap; row-gap: 6px; justify-content: flex-end; padding: 8px 0 2px; }
.etp-topbar .etp-subscription { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 14px !important; flex-wrap: wrap; justify-content: flex-end !important; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; text-align: right !important; width: auto !important; max-width: none !important; }
.etp-topbar .etp-subscription > span, .etp-topbar .etp-subscription > strong, .etp-topbar .etp-subscription > small { display: inline-flex !important; align-items: center; margin: 0 !important; }
.etp-topbar .etp-subscription > span { font-size: 11px; letter-spacing: .04em; }
.etp-topbar .etp-subscription > strong { font-size: 14px; }

/* Ana Sayfa hizli islem / dashboard buton ikonlari */
.etp-home-qico { display: inline-flex; align-items: center; width: 16px; height: 16px; color: #64748b; }
.etp-home-qico svg { width: 16px; height: 16px; display: block; }

/* 0 olan uyari kartlari soluk gorunsun (gizlenmesin) */
.etp-home-alert.is-zero { opacity: .5; }


/* Pasif kayitlar kisayolu (modul icinden merkeze) */
.etp-archive-shortcut { margin: 18px 0 0; }
.etp-archive-shortcut a { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: #1f4e79; text-decoration: none; padding: 8px 14px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; }
.etp-archive-shortcut a:hover { background: #f3f4f6; border-color: #94a3b8; }
.etp-muted { color: #6b7280; font-size: 13px; }


/* Pasif Kayitlar ust uyari notu */
.etp-archive-note { margin: 0 0 16px; padding: 10px 14px; font-size: 13px; font-weight: 600; color: #991b1b; background: #fef1f1; border: 1px solid #f3c2c2; border-left: 4px solid #dc2626; border-radius: 8px; }


/* P0-3: mobilde tum form alanlari >=16px -> iOS'ta odakta otomatik zoom (sayfa ziplamasi) onlenir */
@media (max-width: 860px) {
	.etp-shell input,
	.etp-shell select,
	.etp-shell textarea,
	.etp-login-page input,
	.etp-login-page select,
	.etp-login-page textarea,
	.etp-auth .etp-auth-card input,
	.etp-auth .etp-auth-card select {
		font-size: 16px !important;
	}
}


/* P1-#3: klavye erisilebilirligi -> link/buton/select odaginda gorunur halka (sadece klavye, fare degil) */
.etp-shell a:focus-visible,
.etp-shell button:focus-visible,
.etp-shell select:focus-visible,
.etp-shell [tabindex]:focus-visible,
.etp-login-page a:focus-visible,
.etp-login-page button:focus-visible,
.etp-login-page select:focus-visible {
	outline: 2px solid var(--etp-accent);
	outline-offset: 2px;
	border-radius: 4px;
}


/* ===== Mobil navigasyon: hamburger + acilir menu (<=860px) ===== */
.etp-mnav-burger { display: none; }
.etp-mnav-backdrop { display: none !important; }
@media (max-width: 860px) {
	.etp-mnav-burger {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		margin: 0 0 14px;
		padding: 10px 14px;
		background: var(--etp-surface);
		border: 1px solid var(--etp-border-strong);
		border-radius: 8px;
		font-size: 15px;
		font-weight: 600;
		color: var(--etp-text);
		cursor: pointer;
	}
	.etp-mnav-burger svg { flex-shrink: 0; }

	/* menu varsayilan gizli; sadece acilinca inline tam genislik gorunur */
	.etp-shell .etp-workspace .etp-module-tree,
	.etp-shell .etp-workspace.is-rail .etp-module-tree { display: none !important; }
	.etp-shell .etp-workspace.etp-mnav-open .etp-module-tree {
		display: block !important;
		position: static !important;
		width: auto !important;
		margin: 0 0 16px !important;
		padding: 14px !important;
		max-height: none !important;
		overflow: visible !important;
		overscroll-behavior: auto !important;
	}

	/* nav tek kolon + is-rail collapse durumunu yok say (tam etiketler) */
	.etp-shell .etp-workspace .etp-module-tree nav,
	.etp-shell .etp-workspace.is-rail .etp-module-tree nav { grid-template-columns: 1fr !important; }
	.etp-shell .etp-rail-toggle { display: none !important; }
	.etp-shell .etp-workspace.is-rail .etp-tree-head > strong,
	.etp-shell .etp-workspace.is-rail .etp-tree-head > span,
	.etp-shell .etp-workspace.is-rail .etp-tree-group > strong { display: block !important; }
	.etp-shell .etp-workspace.is-rail .etp-tree-head-titles { display: block !important; }
	.etp-shell .etp-workspace.is-rail .etp-tree-head { justify-content: flex-start !important; }

	/* KRITIK: mobilde is-rail (66px ray) izgarasini ve ikon-only stilini tamamen ez */
	.etp-shell .etp-workspace,
	.etp-shell .etp-workspace.is-rail { grid-template-columns: 1fr !important; }
	.etp-shell .etp-workspace.is-rail .etp-module-tree { padding: 14px !important; }
	.etp-shell .etp-workspace.is-rail .etp-module-tree a {
		font-size: var(--etp-fs-base) !important;
		justify-content: flex-start !important;
		gap: 10px !important;
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
}


/* ===== Mobil tablo -> kart duzeni (<=860px) ===== */
@media (max-width: 860px) {
	.etp-table-wrap { overflow-x: visible !important; border: 0 !important; background: transparent !important; }
	.etp-table[data-cards-ready="1"] {
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		border: 0 !important;
		font-size: var(--etp-fs-base) !important;
	}
	.etp-table[data-cards-ready="1"] thead { display: none !important; }
	.etp-table[data-cards-ready="1"] tbody { display: block !important; }
	.etp-table[data-cards-ready="1"] tbody tr {
		display: block !important;
		border: 1px solid var(--etp-border);
		border-radius: 12px;
		background: var(--etp-surface);
		padding: 4px 14px;
		margin: 0 0 12px;
		box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
	}
	.etp-table[data-cards-ready="1"] tbody tr[hidden],
	.etp-table[data-cards-ready="1"] [hidden] { display: none !important; }
	.etp-table[data-cards-ready="1"] td {
		display: flex !important;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: baseline;
		gap: 4px 16px;
		width: auto !important;
		padding: 9px 0 !important;
		border: 0 !important;
		border-bottom: 1px solid var(--etp-border) !important;
		text-align: right;
	}
	.etp-table[data-cards-ready="1"] td:last-child { border-bottom: 0 !important; }
	.etp-table[data-cards-ready="1"] td::before {
		content: attr(data-label);
		font-weight: 600;
		color: var(--etp-muted);
		text-align: left;
		white-space: normal;
	}
	/* etiketsiz hucre (islem / PDF): etiket gizli, icerik saga yasli tam genislik */
	.etp-table[data-cards-ready="1"] td:not([data-label]) { justify-content: flex-end; }
	.etp-table[data-cards-ready="1"] td:not([data-label])::before { display: none; }
	/* hucre ici form/buton bloklari yan yana sigmazsa alt satira sarsin */
	.etp-table[data-cards-ready="1"] td .etp-inline-form { display: inline-flex; }
}


/* ===== Mobil: key-value tablolari (thead yok, satir-ici <th>) ===== */
@media (max-width: 860px) {
	.etp-table[data-kv="1"] {
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		border: 0 !important;
	}
	.etp-table[data-kv="1"] tbody { display: block !important; }
	.etp-table[data-kv="1"] tr {
		display: grid !important;
		grid-template-columns: auto 1fr;
		gap: 6px 14px;
		align-items: baseline;
		border: 1px solid var(--etp-border);
		border-radius: 12px;
		background: var(--etp-surface);
		padding: 12px 14px;
		margin: 0 0 12px;
		box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
	}
	.etp-table[data-kv="1"] th {
		text-align: left !important;
		font-weight: 600;
		color: var(--etp-muted);
		background: transparent !important;
		border: 0 !important;
		padding: 0 !important;
		white-space: normal;
	}
	.etp-table[data-kv="1"] td {
		text-align: right !important;
		border: 0 !important;
		padding: 0 !important;
		color: var(--etp-text);
	}
}


/* B hizalama: header'i da ortak kolonda ortala (.etp-header margin-right:0 !important'i ez) */
.etp-shell > .etp-header {
	width: 100% !important;
	max-width: 1400px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
}

/* bakim 'Uygun' grup butonu: inline stilleri ez, yesil hap */
.etp-shell button.etp-group-ok { background: var(--etp-success-soft) !important; border: 1px solid #a7e3bd !important; color: #15803d !important; border-radius: 999px !important; padding: 5px 14px !important; font-size: 12px !important; font-weight: 600 !important; cursor: pointer !important; box-shadow: none !important; width: auto !important; transition: background .15s ease, border-color .15s ease, color .15s ease !important; }
.etp-shell button.etp-group-ok:hover { background: var(--etp-success) !important; border-color: var(--etp-success) !important; color: #fff !important; }


/* ===== Modul-bazli buton duzeltmeleri ===== */
/* Pasif Kayitlar: Geri Al = yesil dolu hap, Kalici Sil = kirmizi dolu hap (submit grafiti ez) */
.etp-shell button.etp-row-action.etp-restore-button { background: transparent !important; color: #15803d !important; border: 1px solid transparent !important; border-radius: 999px !important; padding: 7px 14px !important; font-size: 13px !important; font-weight: 600 !important; text-decoration: none !important; box-shadow: none !important; width: auto !important; min-width: 0 !important; transition: background .15s ease, color .15s ease !important; }
.etp-shell button.etp-row-action.etp-restore-button:hover { background: var(--etp-success-soft) !important; border-color: transparent !important; color: #15803d !important; }
.etp-shell button.etp-row-action.etp-delete-button { background: transparent !important; color: var(--etp-danger) !important; border: 1px solid transparent !important; border-radius: 999px !important; padding: 7px 14px !important; font-size: 13px !important; font-weight: 600 !important; text-decoration: none !important; box-shadow: none !important; width: auto !important; min-width: 0 !important; transition: background .15s ease, color .15s ease !important; }
.etp-shell button.etp-row-action.etp-delete-button:hover { background: var(--etp-danger-soft) !important; border-color: transparent !important; color: var(--etp-danger-strong) !important; }
/* Kullanicilar: resend butonlari kompakt beyaz hap (submit grafiti ez) */
.etp-shell button[type="submit"].etp-resend-btn { background: #fff !important; color: var(--etp-text) !important; border: 1px solid var(--etp-border-strong) !important; border-radius: 999px !important; padding: 6px 14px !important; font-size: 13px !important; font-weight: 600 !important; box-shadow: none !important; width: auto !important; min-width: 0 !important; margin: 0 8px 0 0 !important; text-decoration: none !important; cursor: pointer !important; transition: background .15s ease, border-color .15s ease !important; }
.etp-shell button[type="submit"].etp-resend-btn:hover { background: var(--etp-surface-soft) !important; border-color: #94a3b8 !important; color: var(--etp-text) !important; }


/* Mobil: tarih filtresi dikey stack (Temizle butonu input'a binmesin) */
@media (max-width: 860px) {
	.etp-shell .etp-date-filter { flex-direction: column !important; align-items: stretch !important; }
	.etp-shell .etp-date-filter .etp-field { width: 100% !important; max-width: none !important; flex: 1 1 auto !important; }
	.etp-shell .etp-date-filter button { width: 100% !important; align-self: stretch !important; flex: 1 1 auto !important; height: 40px !important; }
}


/* Mobil: aksiyon hucreleri (resend vb. inline-form) - etiket ust, butonlar altta saga yasli, tasma yok */
@media (max-width: 860px) {
	.etp-shell .etp-table[data-cards-ready="1"] td:has(.etp-inline-form) { justify-content: flex-end !important; gap: 6px !important; }
	.etp-shell .etp-table[data-cards-ready="1"] td:has(.etp-inline-form)::before { flex: 1 1 100% !important; text-align: left !important; }
	.etp-shell .etp-table[data-cards-ready="1"] td .etp-inline-form { margin: 0 !important; max-width: 100% !important; }
	.etp-shell .etp-table[data-cards-ready="1"] td .etp-resend-btn { margin: 0 !important; max-width: 100% !important; white-space: normal !important; }
}


/* Mobil: bildirim/profil panelleri topbar sag kenarina yasli (sola tasip ekran disi cikmasin) */
@media (max-width: 860px) {
	.etp-shell .etp-notif, .etp-shell .etp-profile { position: static !important; }
	.etp-shell .etp-notif-panel, .etp-shell .etp-profile-panel {
		top: calc(100% + 4px) !important;
		right: 0 !important;
		left: auto !important;
		max-width: 92vw !important;
	}
}


/* Mobil: topbar subscription tam genislik (4699'daki width:auto'yu ozgullukle ez) - ic icerik sarsin, uyari ikonu sola tasip kesilmesin */
@media (max-width: 860px) {
	.etp-shell .etp-topbar .etp-subscription { width: 100% !important; max-width: 100% !important; min-width: 0 !important; flex: 1 1 100% !important; }
}


/* iOS duzeltme: input[type=date] native kontrolu CSS height/hizalamayi yoksayiyor -> appearance:none ile normal input gibi (dogru yukseklik, sol hizali deger) */
.etp-shell input[type="date"] {
	-webkit-appearance: none !important;
	appearance: none !important;
	height: 44px !important;
	min-height: 44px !important;
	max-height: 44px !important;
	line-height: 1.2 !important;
	text-align: left !important;
	box-sizing: border-box !important;
	display: flex !important;
	align-items: center !important;
}
/* date-filter dahil tum date inputlar ayni yukseklik (3195'teki 38px'i ez) */
.etp-shell .etp-date-filter .etp-field input[type="date"] { height: 44px !important; min-height: 44px !important; max-height: 44px !important; }
.etp-shell input[type="date"]::-webkit-date-and-time-value { text-align: left !important; margin: 0 !important; flex: 1 1 auto !important; }
.etp-shell input[type="date"]::-webkit-datetime-edit { padding: 0 !important; line-height: 1.2 !important; }
.etp-shell input[type="date"]::-webkit-datetime-edit-fields-wrapper { padding: 0 !important; }
.etp-shell input[type="date"]::-webkit-calendar-picker-indicator { margin-left: auto !important; flex: 0 0 auto !important; }


/* ===== KVKK aydinlatma metni + onay ===== */
.etp-kvkk-overlay { position: fixed; inset: 0; z-index: 9999; background: rgba(15,23,42,.55); display: flex; align-items: center; justify-content: center; padding: 16px; }
.etp-kvkk-box { background: #fff; border-radius: 14px; max-width: 760px; width: 100%; max-height: 86vh; display: flex; flex-direction: column; box-shadow: 0 20px 60px rgba(0,0,0,.3); overflow: hidden; }
.etp-kvkk-head { padding: 16px 22px; font-weight: 800; font-size: 16px; color: #0f172a; border-bottom: 1px solid #e2e8f0; flex: 0 0 auto; }
.etp-kvkk-body { padding: 18px 22px; overflow: auto; font-size: 13.5px; line-height: 1.55; color: #1e293b; }
.etp-kvkk-body h4 { font-size: 14px; margin: 14px 0 4px; color: #163d6b; font-weight: 700; }
.etp-kvkk-body p { margin: 0 0 8px; }
.etp-kvkk-actions { padding: 14px 22px; border-top: 1px solid #e2e8f0; display: flex; justify-content: flex-end; background: #f8fafc; flex: 0 0 auto; margin: 0; }
.etp-kvkk-ackbtn { background: #111827; color: #fff; border: 0; border-radius: 999px; padding: 11px 22px; font-weight: 700; font-size: 14px; cursor: pointer; }
.etp-kvkk-ackbtn:hover { background: #1f2937; }
.etp-kvkk-foot { max-width: 1400px; margin: 16px auto 26px; padding: 0 4px; font-size: 12px; }
.etp-kvkk-foot > summary { cursor: pointer; color: #1f5fa5; font-weight: 600; list-style: none; display: inline-flex; align-items: center; gap: 6px; }
.etp-kvkk-foot > summary::before { content: "📄"; }
.etp-kvkk-foot-body { margin-top: 10px; padding: 14px 16px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; font-size: 12.5px; line-height: 1.5; color: #334155; }
.etp-kvkk-foot-body h4 { font-size: 13px; margin: 12px 0 3px; color: #163d6b; }
.etp-kvkk-foot-body p { margin: 0 0 6px; }
@media (max-width: 860px) {
	.etp-kvkk-box { max-height: 90vh; }
	.etp-kvkk-foot { padding: 0 14px; }
}

/* ===== Denetim Evraklari: dosya gezgini gorunumu ===== */
.etp-fx-addbtn{display:inline-flex;align-items:center;gap:6px;margin:0 0 12px;padding:8px 14px;background:var(--etp-btn);color:#fff;border:0;border-radius:8px;cursor:pointer;font:inherit;font-weight:600;}
.etp-fx-addbtn:hover{background:var(--etp-btn-strong);}
.etp-fx-addbtn svg{flex:0 0 auto;}
.etp-upload-panel{margin:0 0 12px;}
.etp-fx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;}
.etp-fx-folder{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .05s;text-align:left;font:inherit;}
.etp-fx-folder:hover{border-color:var(--etp-accent);box-shadow:0 2px 10px rgba(15,23,42,.06);}
.etp-fx-folder:focus-visible{outline:2px solid var(--etp-accent);outline-offset:2px;}
.etp-fx-folder:active{transform:scale(.99);}
.etp-fx-folder.is-active{border-color:var(--etp-accent);box-shadow:0 0 0 2px rgba(31,95,165,.18);}
.etp-fx-folder-ico{color:var(--etp-accent);line-height:0;}
.etp-fx-folder-name{font-weight:600;color:var(--etp-text);font-size:14px;line-height:1.3;}
.etp-fx-folder-sub{font-size:12px;color:var(--etp-muted);}
.etp-fx-dot{position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background:var(--etp-success);}
.etp-fx-dot-danger{background:var(--etp-danger);}
.etp-fx-dot-warn{background:#d97706;}
.etp-fx-dot-ok{background:var(--etp-success);}
.etp-fx-dot-opt{background:#cbd5e1;}
.etp-fx-folder-new{background:transparent;border:1.5px dashed #cbd5e1;color:var(--etp-muted);}
.etp-fx-folder-new .etp-fx-folder-ico,.etp-fx-folder-new .etp-fx-folder-name{color:var(--etp-muted);}
.etp-fx-folder-new:hover{border-color:var(--etp-accent);color:var(--etp-accent);background:transparent;box-shadow:none;}
.etp-fx-folder-new:hover .etp-fx-folder-ico,.etp-fx-folder-new:hover .etp-fx-folder-name{color:var(--etp-accent);}
.etp-fx-catdel{position:absolute;bottom:10px;right:12px;margin:0;}
.etp-shell .etp-fx-folder button.etp-catdel-btn{display:inline!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;width:auto!important;border-radius:0!important;font-size:12px!important;font-weight:500!important;color:var(--etp-danger)!important;opacity:.7!important;text-decoration:none!important;cursor:pointer!important;}
.etp-shell .etp-fx-folder button.etp-catdel-btn:hover{background:transparent!important;opacity:1!important;color:var(--etp-danger-strong)!important;text-decoration:underline!important;}
.etp-fx-newcat-form{margin:12px 0 0;display:flex;gap:8px;flex-wrap:wrap;}
.etp-fx-files{margin-top:16px;border-top:1px solid #e2e8f0;padding-top:14px;}
.etp-fx-files-head{display:flex;align-items:center;gap:10px;margin:0 0 10px;}
.etp-fx-files-title,.etp-fx-crumb-search{font-weight:600;color:var(--etp-text);font-size:15px;}
.etp-fx-files-head .etp-fx-close{margin-left:auto;background:none;border:0;padding:4px;color:var(--etp-muted);cursor:pointer;line-height:0;border-radius:6px;}
.etp-fx-files-head .etp-fx-close:hover{background:#f1f5f9;color:var(--etp-text);}
.etp-fx-group-label{display:none;font-weight:600;color:var(--etp-text);font-size:13px;margin:12px 0 6px;}
.etp-fx-crumb-search{display:none;}
.etp-fx[data-fx-view="none"] .etp-fx-files{display:none;}
.etp-fx[data-fx-view="folder"] .etp-fx-files-group{display:none;}
.etp-fx[data-fx-view="folder"] .etp-fx-files-group.is-active{display:block;}
.etp-fx[data-fx-view="search"] .etp-fx-files-title{display:none;}
.etp-fx[data-fx-view="search"] .etp-fx-crumb-search{display:inline;}
.etp-fx[data-fx-view="search"] .etp-fx-group-label{display:block;}
.etp-fx[data-fx-view="search"] .etp-fx-close{display:none;}

/* ===== PREMIUM DARK MODE (Faz 13) ===== */
.etp-shell .etp-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;margin:0;background:var(--etp-surface);border:1px solid var(--etp-border-strong);border-radius:10px;color:var(--etp-muted);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .05s ease;-webkit-appearance:none;appearance:none;box-shadow:var(--etp-shadow-soft);}
.etp-shell .etp-theme-toggle:hover{color:var(--etp-accent);border-color:var(--etp-accent);background:var(--etp-surface-strong);}
.etp-shell .etp-theme-toggle:active{transform:scale(.94);}
.etp-shell .etp-theme-toggle svg{width:18px;height:18px;display:block;}
.etp-theme-ico{display:none;align-items:center;justify-content:center;}
.etp-theme-ico-moon{display:inline-flex;}
[data-theme="dark"] .etp-theme-ico-moon{display:none;}
[data-theme="dark"] .etp-theme-ico-sun{display:inline-flex;}
html[data-theme="dark"]{--etp-bg:#0e1622;--etp-bg-strong:#0a111b;--etp-surface:#15202e;--etp-surface-soft:#1a2735;--etp-surface-strong:#1f2d3d;--etp-border:#29384a;--etp-border-strong:#3a4d63;--etp-text:#e8eef7;--etp-muted:#98a7bb;--etp-accent:#4f9bea;--etp-accent-strong:#347fce;--etp-accent-soft:#14304e;--etp-btn:#2a3848;--etp-btn-strong:#344458;--etp-info:#38bdf8;--etp-info-soft:#0b2b40;--etp-warning:#efaa3e;--etp-warning-soft:#3a2c11;--etp-danger:#f26a6a;--etp-danger-soft:#3a1d1d;--etp-danger-strong:#f0a3a3;--etp-success:#36c97c;--etp-success-soft:#123020;--etp-shadow:0 10px 30px rgba(0,0,0,0.5);--etp-shadow-soft:0 2px 10px rgba(0,0,0,0.4);--etp-ring:0 0 0 3px rgba(79,155,234,0.30);color-scheme:dark;}
html[data-theme="dark"] body.etp-portal-page{background:var(--etp-bg) !important;color:var(--etp-text);}
[data-theme="dark"] .etp-shell .etp-fault-card,[data-theme="dark"] .etp-shell .etp-fx-folder,[data-theme="dark"] .etp-shell .etp-home-alert,[data-theme="dark"] .etp-shell .etp-home-mod,[data-theme="dark"] .etp-shell .etp-home-qbtn,[data-theme="dark"] .etp-shell .etp-kvkk-box,[data-theme="dark"] .etp-shell .etp-notif-panel,[data-theme="dark"] .etp-shell .etp-notif-head,[data-theme="dark"] .etp-shell .etp-profile-panel,[data-theme="dark"] .etp-shell .etp-subscription,[data-theme="dark"] .etp-shell .etp-archive-shortcut a,[data-theme="dark"] .etp-shell .etp-notif-bell,[data-theme="dark"] .etp-shell .etp-notif-item button.etp-notif-link{background:var(--etp-surface) !important;border-color:var(--etp-border) !important;color:var(--etp-text);}
[data-theme="dark"] .etp-shell .etp-notif-bell{color:var(--etp-muted) !important;}
[data-theme="dark"] .etp-shell .etp-notif-bell:hover{background:var(--etp-surface-strong) !important;color:var(--etp-accent) !important;}
[data-theme="dark"] .etp-shell .etp-home-qbtn:hover,[data-theme="dark"] .etp-shell .etp-archive-shortcut a:hover,[data-theme="dark"] .etp-shell .etp-home-mod:hover,[data-theme="dark"] .etp-shell .etp-fx-files-head .etp-fx-close:hover{background:var(--etp-surface-strong) !important;border-color:var(--etp-border-strong) !important;}
[data-theme="dark"] .etp-shell .etp-home-mod-label,[data-theme="dark"] .etp-shell .etp-home-ok strong,[data-theme="dark"] .etp-shell .etp-profile-panel strong,[data-theme="dark"] .etp-shell .etp-kvkk-box strong{color:var(--etp-text) !important;}
[data-theme="dark"] .etp-shell .etp-muted,[data-theme="dark"] .etp-shell .etp-home-head span,[data-theme="dark"] .etp-shell .etp-home-mod-text,[data-theme="dark"] .etp-shell .etp-home-mod-ico,[data-theme="dark"] .etp-shell .etp-home-modhead,[data-theme="dark"] .etp-shell .etp-home-quickhead,[data-theme="dark"] .etp-shell .etp-home-qico,[data-theme="dark"] .etp-shell .etp-home-alert small,[data-theme="dark"] .etp-shell .etp-rolebar,[data-theme="dark"] .etp-shell .etp-rail-toggle{color:var(--etp-muted) !important;}
[data-theme="dark"] .etp-shell .etp-archive-shortcut a{color:var(--etp-accent) !important;}
[data-theme="dark"] .etp-shell .etp-status{background:var(--etp-surface-strong);color:var(--etp-text);}
[data-theme="dark"] .etp-shell .etp-status-gecerli,[data-theme="dark"] .etp-shell .etp-status-tamamlandi{background:var(--etp-success-soft) !important;color:#86efac !important;}
[data-theme="dark"] .etp-shell .etp-status-yaklasiyor{background:var(--etp-warning-soft) !important;color:#f6c66b !important;}
[data-theme="dark"] .etp-shell .etp-status-bekliyor{background:#2f2710 !important;color:#e7c479 !important;}
[data-theme="dark"] .etp-shell .etp-status-suresi-gecmis{background:var(--etp-danger-soft) !important;color:#f7a8a8 !important;}
[data-theme="dark"] .etp-shell .etp-fstatus-pasif{background:var(--etp-surface-strong) !important;color:var(--etp-muted) !important;}
[data-theme="dark"] .etp-shell .etp-fstatus-onay_bekliyor{background:var(--etp-info-soft) !important;color:#7dd3fc !important;}
[data-theme="dark"] .etp-shell .etp-fstatus-acik{background:var(--etp-warning-soft) !important;color:#f6c66b !important;}
[data-theme="dark"] .etp-shell .etp-home-mod,[data-theme="dark"] .etp-shell .etp-home-alert{background:var(--etp-surface) !important;border-color:var(--etp-border) !important;}
[data-theme="dark"] .etp-shell .etp-home-ok{background:var(--etp-success-soft) !important;border-color:#1f5b39 !important;}
[data-theme="dark"] .etp-shell .etp-home-ok strong{color:#86efac !important;}
[data-theme="dark"] .etp-shell .etp-home-ok span{color:#6fae86 !important;}
[data-theme="dark"] .etp-shell .etp-home-mod-danger,[data-theme="dark"] .etp-shell .etp-home-alert-danger{border-color:#5a2b2b !important;}
[data-theme="dark"] .etp-shell .etp-home-mod-warning,[data-theme="dark"] .etp-shell .etp-home-alert-warning{border-color:#5a4520 !important;}
[data-theme="dark"] .etp-shell .etp-home-alert-warning{color:#f0c069 !important;}
[data-theme="dark"] .etp-shell .etp-home-alert-info{border-color:#1f4a73 !important;color:#7dc0f5 !important;}
[data-theme="dark"] .etp-shell .etp-home-alert-danger{color:#f4a3a3 !important;}
[data-theme="dark"] .etp-shell .etp-home-dot-warning,[data-theme="dark"] .etp-shell .etp-fx-dot-warn{background:var(--etp-warning) !important;}
[data-theme="dark"] .etp-shell .etp-fx-dot-opt{background:var(--etp-border-strong) !important;}
[data-theme="dark"] .etp-shell .etp-notif-panel{background:var(--etp-surface) !important;border-color:var(--etp-border) !important;box-shadow:var(--etp-shadow) !important;}
[data-theme="dark"] .etp-shell .etp-notif-head{background:var(--etp-surface-soft) !important;border-color:var(--etp-border) !important;}
[data-theme="dark"] .etp-shell .etp-notif-head strong{color:var(--etp-text) !important;}
[data-theme="dark"] .etp-shell .etp-notif-item button.etp-notif-link{color:var(--etp-text) !important;}
[data-theme="dark"] .etp-shell .etp-notif-item button.etp-notif-link:hover{background:var(--etp-surface-strong) !important;}
[data-theme="dark"] .etp-shell .etp-notif-bell .etp-notif-badge,[data-theme="dark"] .etp-notif-badge{border-color:var(--etp-surface) !important;}
[data-theme="dark"] .etp-shell .etp-fx-folder{background:var(--etp-surface) !important;border-color:var(--etp-border) !important;}
[data-theme="dark"] .etp-shell .etp-fx-folder:hover{border-color:var(--etp-accent) !important;box-shadow:var(--etp-shadow-soft) !important;}
[data-theme="dark"] .etp-shell .etp-fx-folder.is-active{border-color:var(--etp-accent) !important;background:var(--etp-surface-strong) !important;}
[data-theme="dark"] .etp-shell .etp-fx-folder-new{background:transparent !important;border-color:var(--etp-border-strong) !important;color:var(--etp-muted) !important;}
[data-theme="dark"] .etp-shell .etp-fx-files{border-color:var(--etp-border) !important;}
[data-theme="dark"] .etp-shell .etp-fx-addbtn{background:var(--etp-btn) !important;color:#fff !important;}
[data-theme="dark"] .etp-shell .etp-fx-dot-ok{background:var(--etp-success) !important;}
[data-theme="dark"] .etp-shell .etp-fx-dot-danger{background:var(--etp-danger) !important;}
[data-theme="dark"] .etp-auth{background:var(--etp-bg) !important;color:var(--etp-text);}
[data-theme="dark"] .etp-auth .etp-auth-card{background:var(--etp-surface) !important;border-color:var(--etp-border) !important;color:var(--etp-text);}
[data-theme="dark"] .etp-auth .etp-auth-card input[type="email"],[data-theme="dark"] .etp-auth .etp-auth-card input.etp-auth-reset-input{background:var(--etp-surface-soft) !important;border-color:var(--etp-border-strong) !important;color:var(--etp-text) !important;}
[data-theme="dark"] .etp-auth .etp-auth-reset-msg.is-ok{background:var(--etp-success-soft) !important;color:#86efac !important;}
[data-theme="dark"] .etp-auth .etp-auth-reset-msg.is-err{background:var(--etp-danger-soft) !important;color:#f4a3a3 !important;}
[data-theme="dark"] .etp-auth .etp-auth-error{background:var(--etp-danger-soft) !important;border-color:#5a2b2b !important;color:#f4a3a3 !important;}
[data-theme="dark"] .etp-auth .etp-auth-reset-info{color:var(--etp-muted) !important;}
[data-theme="dark"] .etp-auth .etp-auth-hero{background:linear-gradient(135deg,#0f2a4a 0%,#1c4f86 60%,#2266aa 100%) !important;}
[data-theme="dark"] .etp-shell .etp-toast{background:var(--etp-surface) !important;color:var(--etp-text) !important;box-shadow:var(--etp-shadow) !important;}
[data-theme="dark"] .etp-shell .etp-toast-err{border-color:#5a2b2b !important;border-left-color:var(--etp-danger) !important;color:#f4a3a3 !important;}
[data-theme="dark"] .etp-shell input[type="text"],[data-theme="dark"] .etp-shell input[type="email"],[data-theme="dark"] .etp-shell input[type="password"],[data-theme="dark"] .etp-shell input[type="number"],[data-theme="dark"] .etp-shell input[type="date"],[data-theme="dark"] .etp-shell input[type="search"],[data-theme="dark"] .etp-shell input[type="tel"],[data-theme="dark"] .etp-shell select,[data-theme="dark"] .etp-shell textarea,[data-theme="dark"] .etp-shell select.etp-test-period{background:var(--etp-surface-soft) !important;border-color:var(--etp-border-strong) !important;color:var(--etp-text) !important;}
[data-theme="dark"] .etp-shell input::placeholder,[data-theme="dark"] .etp-shell textarea::placeholder{color:var(--etp-muted) !important;opacity:1;}
[data-theme="dark"] .etp-shell input:focus,[data-theme="dark"] .etp-shell select:focus,[data-theme="dark"] .etp-shell textarea:focus{border-color:var(--etp-accent) !important;box-shadow:var(--etp-ring) !important;outline:none;}
[data-theme="dark"] .etp-shell input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(.85);}
[data-theme="dark"] .etp-shell .etp-panel button.etp-inline-link,[data-theme="dark"] .etp-shell form button.etp-inline-link,[data-theme="dark"] .etp-shell button[type="submit"].etp-inline-link,[data-theme="dark"] .etp-shell button.etp-catdel-btn{color:var(--etp-danger) !important;}
[data-theme="dark"] .etp-shell .etp-panel button.etp-newcat-toggle:not(.etp-theme-toggle){color:var(--etp-muted) !important;}
[data-theme="dark"] .etp-shell .etp-table th{color:var(--etp-muted) !important;}
[data-theme="dark"] .etp-shell .etp-table th[data-sort]::after{color:var(--etp-muted) !important;}
[data-theme="dark"] .etp-shell .etp-table tbody tr:hover{background:var(--etp-surface-soft) !important;}
[data-theme="dark"] .etp-shell .etp-subscription{background:var(--etp-surface) !important;border-color:var(--etp-border) !important;color:var(--etp-text);}
[data-theme="dark"] .etp-shell button[type="submit"].etp-resend-btn{background:var(--etp-surface) !important;border-color:var(--etp-border-strong) !important;color:var(--etp-text) !important;}
[data-theme="dark"] .etp-shell .etp-module-tree{scrollbar-color:rgba(148,163,184,0.35) transparent;}
[data-theme="dark"] .etp-shell *::-webkit-scrollbar-thumb{background:rgba(148,163,184,0.30);}
[data-theme="dark"] .etp-shell *::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,0.5);}
[data-theme="dark"] .etp-shell .etp-role-notice{background:var(--etp-accent-soft) !important;border-color:var(--etp-border) !important;color:var(--etp-text) !important;}

/* ===== DARK PATCH 1: logo beyaz rozet + PDF/indir butonlari beyaz ===== */
[data-theme="dark"] .etp-shell .etp-header-logo{background:#ffffff !important;border-radius:8px !important;padding:5px 8px !important;}
[data-theme="dark"] .etp-auth .etp-auth-logo{background:#ffffff !important;border-radius:8px !important;padding:6px 10px !important;}
[data-theme="dark"] .etp-shell a.etp-pdf-btn{background:#ffffff !important;color:#0f172a !important;border-color:#cdd6e2 !important;}
[data-theme="dark"] .etp-shell a.etp-pdf-btn:hover{background:#eef1f4 !important;border-color:#94a3b8 !important;}
[data-theme="dark"] .etp-shell a.etp-pdf-btn svg{color:#c0392b !important;}
[data-theme="dark"] .etp-shell a.etp-pdf-icon,[data-theme="dark"] .etp-shell a.etp-export-btn.etp-pdf-dl{background:#ffffff !important;color:#c0392b !important;border-color:#e6b3ad !important;}
[data-theme="dark"] .etp-shell a.etp-pdf-icon:hover,[data-theme="dark"] .etp-shell a.etp-export-btn.etp-pdf-dl:hover{background:#c0392b !important;color:#ffffff !important;border-color:#c0392b !important;}

/* ===== DARK PATCH 2: beyaz kartlarda okunur yazi (bakim/jurnal) ===== */
[data-theme="dark"] .etp-shell .etp-task-card{color:#475569 !important;}
[data-theme="dark"] .etp-shell .etp-jrn-open{color:#334155 !important;}
[data-theme="dark"] .etp-shell .etp-jrn-open p{color:#1e293b !important;}
[data-theme="dark"] .etp-shell .etp-task-group-head{color:#1e293b !important;}

/* ===== DARK PATCH 3: pano + inline acik->koyu + hero-logo + rail oku ===== */
.etp-shell .etp-rail-chevron{color:#d97757 !important;}
[data-theme="dark"] .etp-shell .etp-header-logo{background:transparent !important;padding:0 !important;filter:brightness(0) invert(1) !important;}
[data-theme="dark"] .etp-shell [style*="background:#fff;"],
[data-theme="dark"] .etp-shell [style*="background: #fff;"],
[data-theme="dark"] .etp-shell [style*="background:#ffffff;"],
[data-theme="dark"] .etp-shell [style*="background:#f6f8fa;"],
[data-theme="dark"] .etp-shell [style*="background:#f0f4f8;"],
[data-theme="dark"] .etp-shell [style*="background:#f8fafc;"]{background:var(--etp-surface) !important;color:var(--etp-text) !important;}
[data-theme="dark"] .etp-shell [style*="color:#0e2548"],
[data-theme="dark"] .etp-shell [style*="color:#0f172a"]{color:var(--etp-text) !important;}
[data-theme="dark"] .etp-shell [style*="color:#5b6b7c"],
[data-theme="dark"] .etp-shell [style*="color:#6b7280"]{color:var(--etp-muted) !important;}
[data-theme="dark"] .etp-shell [style*="fill:#5b6b7c"]{fill:var(--etp-muted) !important;}
[data-theme="dark"] .etp-shell [style*="fill:#0e2548"]{fill:var(--etp-text) !important;}
[data-theme="dark"] .etp-shell #etp-pano-filtre input,
[data-theme="dark"] .etp-shell #etp-pano-filtre select{background:var(--etp-surface-soft) !important;color:var(--etp-text) !important;border-color:var(--etp-border-strong) !important;}
[data-theme="dark"] .etp-shell .etp-task-card{background:var(--etp-surface) !important;color:var(--etp-muted) !important;}
[data-theme="dark"] .etp-shell .etp-task-card > div:first-child{color:var(--etp-text) !important;}
[data-theme="dark"] .etp-shell .etp-jrn-open{background:var(--etp-surface) !important;color:var(--etp-text) !important;}
[data-theme="dark"] .etp-shell .etp-jrn-open p{color:var(--etp-text) !important;}

/* ===== DARK PATCH 4: rail buton turuncu + ic ok genel-arkaplan ===== */
.etp-shell .etp-rail-toggle{background:#d97757 !important;border-color:#d97757 !important;}
.etp-shell .etp-rail-toggle:hover{background:#c4663f !important;border-color:#c4663f !important;}
.etp-shell .etp-rail-chevron{color:var(--etp-surface,#ffffff) !important;}

/* ===== DARK PATCH 5: rail buton turuncu SADECE koyuda; light eski hali ===== */
html:not([data-theme="dark"]) .etp-shell .etp-rail-toggle{background:#ffffff !important;border-color:var(--etp-border) !important;}
html:not([data-theme="dark"]) .etp-shell .etp-rail-toggle:hover{background:#f4f6fa !important;border-color:var(--etp-accent,#1f5fa5) !important;}
html:not([data-theme="dark"]) .etp-shell .etp-rail-chevron{color:var(--etp-muted,#5b6b82) !important;}

/* HEADER CLUSTER IN CARD */
.etp-shell .etp-header > .etp-topbar{align-self:flex-start;flex:0 0 auto;width:auto;max-width:none;padding:0;margin:2px 0 0;justify-content:flex-end;}
.etp-shell .etp-header > .etp-topbar .etp-subscription{gap:9px !important;align-items:center !important;}
.etp-shell .etp-header .etp-alertico{position:relative;padding-right:11px;margin-right:3px;}
.etp-shell .etp-header .etp-alertico::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:20px;background:var(--etp-border);}
.etp-shell .etp-theme-ico-sun{display:none;}
.etp-shell .etp-theme-ico-moon{display:inline-flex;}
[data-theme="dark"] .etp-shell .etp-theme-ico-moon{display:none;}
[data-theme="dark"] .etp-shell .etp-theme-ico-sun{display:inline-flex;}
.etp-shell .etp-profile-btn .etp-avatar-ico{width:19px;height:19px;display:block;}
.etp-shell a.etp-logout-sm{display:inline-flex;align-items:center;gap:5px;margin-left:6px;padding:0 13px;height:30px;border-radius:999px;background:var(--etp-danger);color:#fff !important;border:0;font-size:12px;font-weight:700;white-space:nowrap;}
.etp-shell a.etp-logout-sm:hover{background:var(--etp-danger-strong);color:#fff !important;border:0;}
.etp-shell a.etp-logout-sm .etp-logout-ico{width:15px;height:15px;display:block;}
[data-theme="dark"] .etp-shell a.etp-logout-sm{background:#e5484d;color:#fff !important;}
[data-theme="dark"] .etp-shell a.etp-logout-sm:hover{background:#f0564f;color:#fff !important;}
[data-theme="dark"] .etp-shell .etp-notif-bell .etp-notif-badge{border-color:var(--etp-surface-soft) !important;}
@media (max-width:720px){
  .etp-shell .etp-header > .etp-topbar{align-self:auto;width:100%;margin:0;}
}

/* ROLE NOTICE IN PANEL */
.etp-profile-panel .etp-role-notice{background:transparent;border:0;border-top:1px solid var(--etp-border);border-radius:0;margin:12px 0 0;padding:12px 0 0;color:var(--etp-muted);font-weight:400;font-size:12px;line-height:1.5;}
[data-theme="dark"] .etp-shell .etp-profile-panel .etp-role-notice{background:transparent !important;border:0 !important;border-top:1px solid var(--etp-border) !important;border-radius:0 !important;color:var(--etp-muted) !important;}

/* DARK FIXES v2 (notif baslik + hesabim + tumunu goster + uyari ozet outline) */
[data-theme="dark"] .etp-shell .etp-notif-item button.etp-notif-link .etp-notif-title{color:var(--etp-text) !important;}
[data-theme="dark"] .etp-shell .etp-profile-panel .etp-profile-v{color:var(--etp-text) !important;}
[data-theme="dark"] .etp-shell .etp-profile-panel .etp-check{color:var(--etp-text) !important;}
[data-theme="dark"] .etp-shell .etp-profile-panel select.etp-test-period{background:var(--etp-surface-soft) !important;color:var(--etp-text) !important;border-color:var(--etp-border) !important;}
[data-theme="dark"] .etp-shell .etp-profile-panel .etp-field-label{color:var(--etp-muted) !important;}
.etp-shell #uyarilar .etp-alert-showall{margin-top:14px;background:var(--etp-surface-soft);border:1px solid var(--etp-border-strong);color:var(--etp-muted);}
.etp-shell #uyarilar .etp-alert-showall:hover{background:var(--etp-surface-strong);color:var(--etp-text);border-color:var(--etp-accent);}
[data-theme="dark"] .etp-shell .etp-alert-summary-card{background:var(--etp-surface) !important;box-shadow:none !important;}
[data-theme="dark"] .etp-shell .etp-alert-summary-danger{border-color:#5a2b2b !important;border-left-color:var(--etp-danger) !important;}
[data-theme="dark"] .etp-shell .etp-alert-summary-warning{border-color:#5a4520 !important;border-left-color:var(--etp-warning) !important;}
[data-theme="dark"] .etp-shell .etp-alert-summary-info{border-color:#1f4a73 !important;border-left-color:var(--etp-info) !important;}

/* ALERT FEED ITEMS OUTLINE (dark, ozet kartlari gibi) */
[data-theme="dark"] .etp-shell .etp-alert-item{background:var(--etp-surface) !important;}
[data-theme="dark"] .etp-shell .etp-alert-item-danger{border-color:#5a2b2b !important;border-left-color:var(--etp-danger) !important;}
[data-theme="dark"] .etp-shell .etp-alert-item-warning{border-color:#5a4520 !important;border-left-color:var(--etp-warning) !important;}
[data-theme="dark"] .etp-shell .etp-alert-item-info{border-color:#1f4a73 !important;border-left-color:var(--etp-info) !important;}
[data-theme="dark"] .etp-shell .etp-alert-item-ok{border-color:#1f5a3a !important;border-left-color:var(--etp-accent) !important;}

/* ===== Faz 26: Ariza filtre cubugu ===== */
.etp-fault-filter{display:flex;flex-direction:column;gap:12px;background:var(--etp-surface-soft,#f8fafc);border:1px solid var(--etp-border,#e2e8f0);border-radius:12px;padding:14px;margin:0 0 14px;}
.etp-ff-seg{display:inline-flex;background:var(--etp-surface,#fff);border:1px solid var(--etp-border,#e2e8f0);border-radius:10px;padding:3px;gap:3px;align-self:flex-start;max-width:100%;}
.etp-ff-segbtn{border:0;background:transparent;color:var(--etp-muted,#64748b);font-weight:600;font-size:14px;padding:9px 16px;border-radius:8px;cursor:pointer;white-space:nowrap;}
.etp-ff-segbtn.etp-on{background:var(--etp-ink,#0e2548);color:#fff;}
.etp-ff-tiles{display:flex;flex-wrap:wrap;gap:10px;}
.etp-ff-tile{flex:1 1 120px;min-width:110px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:var(--etp-surface,#fff);border:1px solid var(--etp-border,#e2e8f0);border-left:4px solid var(--etp-muted,#94a3b8);border-radius:10px;padding:10px 12px;cursor:pointer;text-align:left;transition:border-color .12s,box-shadow .12s;}
.etp-ff-tile .etp-ff-tnum{font-size:22px;font-weight:700;line-height:1;color:var(--etp-text,#0f172a);}
.etp-ff-tile .etp-ff-tlbl{font-size:12px;color:var(--etp-muted,#64748b);}
.etp-ff-tile[data-status="acik"]{border-left-color:var(--etp-danger,#dc2626);}
.etp-ff-tile[data-status="atandi"]{border-left-color:var(--etp-warning,#d97706);}
.etp-ff-tile[data-status="onay_bekliyor"]{border-left-color:var(--etp-info,#0284c7);}
.etp-ff-tile.etp-on{box-shadow:0 0 0 2px var(--etp-accent,#1f5fa5) inset;border-color:var(--etp-accent,#1f5fa5);}
.etp-ff-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.etp-ff-chiplbl{font-size:12px;color:var(--etp-muted,#64748b);font-weight:600;}
.etp-ff-chip{border:1px solid var(--etp-border,#e2e8f0);background:var(--etp-surface,#fff);color:var(--etp-text,#0f172a);font-size:13px;padding:6px 12px;border-radius:999px;cursor:pointer;}
.etp-ff-chip[data-sev="kritik"].etp-on{background:var(--etp-danger,#dc2626);border-color:var(--etp-danger,#dc2626);color:#fff;}
.etp-ff-chip[data-sev="yuksek"].etp-on{background:var(--etp-warning,#d97706);border-color:var(--etp-warning,#d97706);color:#fff;}
.etp-ff-chip[data-sev="orta"].etp-on{background:var(--etp-accent,#1f5fa5);border-color:var(--etp-accent,#1f5fa5);color:#fff;}
.etp-ff-chip[data-sev="dusuk"].etp-on{background:var(--etp-muted,#64748b);border-color:var(--etp-muted,#64748b);color:#fff;}
.etp-ff-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;}
.etp-ff-date{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--etp-muted,#64748b);}
.etp-ff-date input,.etp-ff-search{border:1px solid var(--etp-border,#e2e8f0);background:var(--etp-surface,#fff);color:var(--etp-text,#0f172a);border-radius:8px;padding:8px 10px;font-size:14px;}
.etp-ff-search{flex:1 1 180px;min-width:140px;}
.etp-ff-clear{border:1px solid var(--etp-border,#e2e8f0);background:var(--etp-surface,#fff);color:var(--etp-muted,#64748b);border-radius:8px;padding:8px 14px;font-size:13px;cursor:pointer;}
.etp-fault-more-wrap{margin:14px 0 0;text-align:center;}
.etp-fault-more{width:100%;max-width:320px;border:1px solid var(--etp-border,#e2e8f0);background:var(--etp-surface,#fff);color:var(--etp-accent,#1f5fa5);font-weight:600;font-size:14px;padding:12px 16px;border-radius:10px;cursor:pointer;}
.etp-fault-more:hover{background:var(--etp-surface-strong,#eff5fb);}
@media (max-width:640px){
.etp-ff-seg{display:flex;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.etp-ff-seg::-webkit-scrollbar{display:none;}
.etp-ff-segbtn{flex:1 0 auto;}
.etp-ff-tile{flex:1 1 calc(50% - 5px);}
.etp-ff-row{flex-direction:column;align-items:stretch;}
.etp-ff-date input,.etp-ff-search,.etp-ff-clear{width:100%;box-sizing:border-box;}
.etp-ff-search{flex:0 0 auto;height:auto;}
}
/* ===== /Faz 26 ===== */
/* ===== Faz 27: kapanis tarihi rozeti ===== */
.etp-fault-closed-date{display:inline-flex;align-items:center;background:var(--etp-success-soft,#dcfce7);color:var(--etp-success,#16a34a);font-weight:600;padding:1px 8px;border-radius:999px;}
/* ===== /Faz 27 ===== */
/* ===== Faz 28: filtreli PDF butonu ===== */
.etp-pdf-btn.etp-ff-pdf-filtered{background:var(--etp-accent,#1f5fa5);border-color:var(--etp-accent,#1f5fa5);color:#fff;}
/* ===== /Faz 28 ===== */

/* ===== Faz 29: kullanici tesis cogul secici ===== */
.etp-fac-checks{display:flex;flex-direction:column;gap:6px;margin-top:2px;}
.etp-fac-check{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:400;text-transform:none;letter-spacing:0;color:var(--etp-text);cursor:pointer;}
.etp-fac-check input[type="checkbox"]{width:16px !important;height:16px;min-width:0;flex:0 0 auto;margin:0;}
.etp-fac-check span{flex:1 1 auto;min-width:0;word-break:break-word;}
/* ===== /Faz 29 ===== */

/* ===== Faz 30: Yardim & Destek modulu ===== */
.etp-support-grid{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:18px;align-items:start;}
@media (max-width:860px){.etp-support-grid{grid-template-columns:1fr;}}
.etp-support-h3{font-size:14px;font-weight:700;color:var(--etp-text);margin:0 0 10px;}
.etp-support-form{display:flex;flex-direction:column;gap:10px;}
.etp-support-form textarea{width:100%;resize:vertical;}
.etp-support-send{align-self:flex-start;background:var(--etp-accent,#1f5fa5);color:#fff;border:0;border-radius:8px;padding:9px 16px;font-weight:600;cursor:pointer;}
.etp-support-empty{color:var(--etp-muted);font-size:13px;}
.etp-support-ticket{border:1px solid var(--etp-border);border-radius:10px;margin-bottom:8px;background:var(--etp-surface);overflow:hidden;}
.etp-support-ticket>summary{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;list-style:none;}
.etp-support-ticket>summary::-webkit-details-marker{display:none;}
.etp-support-tno{font-weight:700;color:var(--etp-muted);font-size:12px;}
.etp-support-tsubj{flex:1 1 auto;min-width:0;font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.etp-support-status{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap;}
.etp-st-acik{background:#fef3c7;color:#92400e;}
.etp-st-yanitlandi{background:#dbeafe;color:#1e40af;}
.etp-st-kapandi{background:#e5e7eb;color:#374151;}
.etp-support-meta{padding:0 12px 6px;font-size:11px;color:var(--etp-muted);}
.etp-support-thread{display:flex;flex-direction:column;gap:8px;padding:8px 12px;}
.etp-support-msg{border-radius:10px;padding:8px 11px;font-size:13px;max-width:88%;}
.etp-support-msg.is-user{background:var(--etp-accent-soft,#eaf2fb);align-self:flex-end;}
.etp-support-msg.is-staff{background:var(--etp-surface-2,#f3f4f6);align-self:flex-start;border:1px solid var(--etp-border);}
.etp-support-msg-who{font-size:10px;color:var(--etp-muted);margin-bottom:2px;font-weight:600;}
.etp-support-reply{display:flex;gap:8px;padding:8px 12px 12px;align-items:flex-end;}
.etp-support-reply textarea{flex:1 1 auto;resize:vertical;}
.etp-support-reply button{background:var(--etp-accent,#1f5fa5);color:#fff;border:0;border-radius:8px;padding:8px 14px;font-weight:600;cursor:pointer;white-space:nowrap;}
.etp-support-closed{padding:6px 12px 12px;font-size:12px;color:var(--etp-muted);}
/* ===== /Faz 30 ===== */

/* ===== Faz 33: Destek - kilavuz & SSS (sik) ===== */
.etp-support-docs{margin-top:22px;border-top:1px solid var(--etp-border);padding-top:18px;}
.etp-support-docnote{font-size:12px;color:var(--etp-muted);margin:-2px 0 12px;}
.etp-guide-gh{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--etp-accent,#1f5fa5);margin:18px 0 8px;}
.etp-support-doc{border:1px solid var(--etp-border);border-radius:12px;margin-bottom:8px;background:var(--etp-surface);overflow:hidden;}
.etp-support-doc>summary{display:flex;align-items:center;gap:11px;padding:11px 14px;cursor:pointer;list-style:none;font-weight:600;font-size:14px;}
.etp-support-doc>summary::-webkit-details-marker{display:none;}
.etp-support-doc>summary::after{content:"+";margin-left:auto;color:var(--etp-accent,#1f5fa5);font-weight:700;font-size:16px;}
.etp-support-doc[open]>summary::after{content:"\2212";}
.etp-guide-ico{width:30px;height:30px;border-radius:8px;background:var(--etp-accent-soft,#eaf2fb);color:var(--etp-accent,#1f5fa5);display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.etp-guide-ico svg{width:17px;height:17px;}
.etp-guide-title{flex:1 1 auto;min-width:0;}
.etp-guide-body{padding:2px 14px 13px 55px;}
.etp-guide-flow{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 10px;}
.etp-guide-chip{display:inline-flex;align-items:center;background:var(--etp-accent-soft,#eaf2fb);color:var(--etp-accent,#1f5fa5);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:600;white-space:nowrap;}
.etp-guide-arrow{color:var(--etp-muted);font-size:13px;}
.etp-guide-note{font-size:12px;color:var(--etp-muted);margin:0 0 10px;display:flex;align-items:center;gap:5px;}
.etp-guide-body ul{margin:0;padding-left:16px;}
.etp-guide-body li{font-size:13px;line-height:1.55;color:var(--etp-text);margin-bottom:4px;}
.etp-faq-head{display:flex;align-items:center;gap:8px;margin:24px 0 10px;font-size:14px;font-weight:700;color:var(--etp-text);}
.etp-faq-head svg{width:18px;height:18px;color:var(--etp-accent,#1f5fa5);flex:0 0 auto;}
.etp-support-faq{border:1px solid var(--etp-border);border-radius:10px;margin-bottom:6px;background:var(--etp-surface);overflow:hidden;}
.etp-support-faq>summary{display:flex;align-items:flex-start;gap:8px;padding:10px 13px;cursor:pointer;font-weight:600;font-size:13px;list-style:none;}
.etp-support-faq>summary::-webkit-details-marker{display:none;}
.etp-support-faq>summary::before{content:"+";color:var(--etp-accent,#1f5fa5);font-weight:700;width:14px;flex:0 0 auto;}
.etp-support-faq[open]>summary::before{content:"\2212";}
.etp-support-faq>p{margin:0;padding:0 13px 12px 27px;font-size:13px;line-height:1.55;color:var(--etp-text);}
/* ===== /Faz 33 ===== */

/* === ETP FOLD MOBILE HEADER FIX v1 === */
@media (max-width: 900px){
  .etp-shell .etp-header{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:12px !important;
    padding:16px clamp(12px,3vw,20px) !important;
    position:relative !important;
  }
  .etp-shell .etp-header-main{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    grid-template-columns:none !important;
    gap:12px !important;
    width:100% !important;
    min-width:0 !important;
  }
  .etp-shell .etp-header-logo{
    grid-row:auto !important;
    width:min(96px,26vw) !important;
    margin:0 !important;
    flex:0 0 auto !important;
    align-self:flex-start !important;
  }
  .etp-shell .etp-header-text{ min-width:0 !important; flex:1 1 auto !important; }
  .etp-shell .etp-header h1{
    font-size:clamp(18px,5.2vw,26px) !important;
    margin:1px 0 4px !important;
    line-height:1.16 !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
  }
  .etp-shell .etp-kicker{
    font-size:11px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    max-width:100% !important;
  }
  .etp-shell .etp-header p{ font-size:12.5px !important; max-width:100% !important; line-height:1.45 !important; }
  .etp-shell .etp-header > .etp-topbar{
    align-self:stretch !important;
    width:100% !important;
    max-width:none !important;
    flex:0 0 auto !important;
    margin:0 !important;
    padding:0 !important;
    position:static !important;
    justify-content:flex-start !important;
  }
  .etp-shell .etp-topbar .etp-subscription{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    flex:1 1 100% !important;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    position:static !important;
  }
  .etp-shell .etp-notif, .etp-shell .etp-profile{ position:relative !important; }
  .etp-shell .etp-header .etp-alertico::after{ display:none !important; }
  .etp-shell .etp-topbar .etp-subscription .etp-rolebar{ margin-left:auto !important; }
}
@media (max-width: 400px){
  .etp-shell .etp-header-main{ flex-direction:column !important; align-items:flex-start !important; }
  .etp-shell .etp-header-logo{ width:min(150px,52vw) !important; }
  .etp-shell .etp-header h1{ font-size:19px !important; }
  .etp-shell .etp-header p{ display:none !important; }
  .etp-shell .etp-topbar .etp-subscription{ gap:6px !important; justify-content:space-between !important; }
}
/* === /ETP FOLD MOBILE HEADER FIX v1 === */

/* === ETP FOLD MOBILE HEADER FIX v2 === */
@media (max-width: 900px){
  .etp-shell .etp-header > .etp-topbar{ position:relative !important; }
  .etp-shell .etp-topbar .etp-subscription,
  .etp-shell .etp-notif,
  .etp-shell .etp-profile{ position:static !important; }
  .etp-shell .etp-notif-panel,
  .etp-shell .etp-profile-panel{
    position:absolute !important;
    top:calc(100% + 6px) !important;
    left:0 !important;
    right:0 !important;
    width:auto !important;
    max-width:none !important;
  }
}
/* === /ETP FOLD MOBILE HEADER FIX v2 === */

/* === Acilir ekleme formlari (details/summary) === */
.etp-shell .etp-add-collapse { margin: 0 0 16px; }
.etp-shell .etp-add-summary { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; background: var(--etp-btn, #111827); border: 1px solid var(--etp-btn, #111827); color: #fff; border-radius: 8px; font-size: 15px; font-weight: 600; cursor: pointer; list-style: none; -webkit-user-select: none; user-select: none; width: -moz-fit-content; width: fit-content; transition: background .15s ease, border-radius .15s ease; }
.etp-shell .etp-add-summary::-webkit-details-marker { display: none; }
.etp-shell .etp-add-summary::marker { content: ""; }
.etp-shell .etp-add-summary:hover { background: var(--etp-btn-strong, #1f2937); border-color: var(--etp-btn-strong, #1f2937); }
.etp-shell .etp-add-summary:focus-visible { outline: 2px solid var(--etp-btn-strong, #1f2937); outline-offset: 2px; }
.etp-shell .etp-add-ico { display: inline-flex; transition: transform .2s ease; }
.etp-shell .etp-add-collapse[open] > .etp-add-summary { border-radius: 8px 8px 0 0; }
.etp-shell .etp-add-collapse[open] > .etp-add-summary .etp-add-ico { transform: rotate(45deg); }
.etp-shell .etp-add-collapse[open] > .etp-form,
.etp-shell .etp-add-collapse[open] > .etp-staff-doc-form { margin-top: 0; }
/* === /Acilir ekleme formlari === */

/* === Ariza tamamlanan KPI seridi (sparkline) === */
.etp-shell .etp-fault-kpis { margin: 4px 0 18px; }
.etp-shell .etp-fault-kpi-filter { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 12px; font-size: 13px; }
.etp-shell .etp-fault-kpi-filter .etp-fault-kpi-flabel { font-weight: 700; color: var(--etp-text); margin-right: auto; }
.etp-shell .etp-fault-kpi-filter label { display: inline-flex; align-items: center; gap: 6px; color: var(--etp-muted); white-space: nowrap; }
.etp-shell .etp-fault-kpi-filter input[type="date"] { padding: 6px 10px; border: 1px solid var(--etp-border); border-radius: 8px; background: var(--etp-surface); color: var(--etp-text); font: inherit; font-size: 13px; }
.etp-shell .etp-fk-clear { padding: 6px 14px !important; font-size: 13px !important; min-width: 0 !important; }
.etp-shell .etp-fault-kpi-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.etp-shell .etp-fault-kpi-card { background: var(--etp-surface-soft, #f6f8fa); border: 1px solid var(--etp-border, #dce3ea); border-radius: 10px; padding: 12px 14px; min-width: 0; }
.etp-shell .etp-fk-label { display: block; color: var(--etp-muted, #5b6b7c); font-size: 12px; font-weight: 600; line-height: 1.3; }
.etp-shell .etp-fk-val { display: block; color: var(--etp-text, #0e2548); font-size: 22px; line-height: 1.15; margin-top: 4px; }
.etp-shell .etp-fk-sub { display: block; color: var(--etp-muted, #5b6b7c); font-size: 11px; margin-top: 2px; }
.etp-shell .etp-fk-spark { width: 100%; height: 30px; margin-top: 6px; }
.etp-shell .etp-fk-delta { font-size: 11px; font-weight: 600; margin-top: 2px; }
@media (max-width: 640px) { .etp-shell .etp-fault-kpi-grid { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); } .etp-shell .etp-fk-val { font-size: 19px; } }
/* === /Ariza tamamlanan KPI seridi === */
/* === Ariza Faz2: siddet kirilimi + en cok arizalanan === */
.etp-shell .etp-fault-faz2 { display: grid; grid-template-columns: 1.2fr 1fr; gap: 12px; margin: 0 0 18px; }
.etp-shell .etp-f2-block { background: var(--etp-surface-soft, #f6f8fa); border: 1px solid var(--etp-border, #dce3ea); border-radius: 10px; padding: 12px 14px; min-width: 0; }
.etp-shell .etp-f2-head { font-size: 12px; font-weight: 700; color: var(--etp-text, #0e2548); margin: 0 0 10px; display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; }
.etp-shell .etp-f2-head small { font-weight: 500; color: var(--etp-muted, #5b6b7c); font-size: 10px; }
.etp-shell .etp-f2-sevrow { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.etp-shell .etp-f2-chip { display: flex; align-items: center; gap: 8px; background: var(--etp-surface, #fff); border: 1px solid var(--etp-border, #dce3ea); border-radius: 8px; padding: 7px 10px; }
.etp-shell .etp-f2-dot { width: 9px; height: 9px; border-radius: 50%; flex: 0 0 auto; background: #5b6b7c; }
.etp-shell .etp-f2-chip[data-sev="kritik"] .etp-f2-dot { background: #c0392b; }
.etp-shell .etp-f2-chip[data-sev="yuksek"] .etp-f2-dot { background: #e67e22; }
.etp-shell .etp-f2-chip[data-sev="orta"] .etp-f2-dot { background: #d4a017; }
.etp-shell .etp-f2-chip[data-sev="dusuk"] .etp-f2-dot { background: #5b9bd5; }
.etp-shell .etp-f2-name { font-size: 12px; color: var(--etp-muted, #5b6b7c); font-weight: 600; margin-right: auto; }
.etp-shell .etp-f2-nums { font-size: 13px; white-space: nowrap; }
.etp-shell .etp-f2-nums b { font-size: 17px; color: var(--etp-text, #0e2548); }
.etp-shell .etp-f2-nums i { font-style: normal; color: var(--etp-muted, #5b6b7c); }
.etp-shell .etp-f2-tops { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.etp-shell .etp-f2-topcol { min-width: 0; }
.etp-shell .etp-f2-toplist { list-style: none; margin: 0; padding: 0; counter-reset: f2; }
.etp-shell .etp-f2-toplist li { display: flex; align-items: center; gap: 8px; padding: 4px 0; font-size: 12px; border-bottom: 1px dashed var(--etp-border, #dce3ea); }
.etp-shell .etp-f2-toplist li:last-child { border-bottom: 0; }
.etp-shell .etp-f2-toplist li::before { counter-increment: f2; content: counter(f2); flex: 0 0 auto; width: 16px; height: 16px; border-radius: 50%; background: var(--etp-border, #dce3ea); color: var(--etp-text, #0e2548); font-size: 10px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.etp-shell .etp-f2-toplist li.etp-f2-empty::before { display: none; }
.etp-shell .etp-f2-tn { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--etp-text, #0e2548); }
.etp-shell .etp-f2-tc { flex: 0 0 auto; font-weight: 700; color: var(--etp-text, #0e2548); }
@media (max-width: 760px) { .etp-shell .etp-fault-faz2 { grid-template-columns: 1fr; } }
@media (max-width: 480px) { .etp-shell .etp-f2-sevrow { grid-template-columns: 1fr; } }
/* === /Ariza Faz2 === */
.etp-shell .etp-fault-analiz[hidden] { display: none !important; }
.etp-shell .etp-fault-analiz { margin-top: 8px; }

/* ===== Stok depo filtresi (dropdown) ===== */
.etp-date-filter:has(.etp-wh-filter-field) {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 8px;
}
.etp-date-filter:has(.etp-wh-filter-field) > strong {
	flex: 1 1 100%;
}
.etp-date-filter:has(.etp-wh-filter-field) .etp-field {
	flex: 1 1 150px;
	min-width: 140px;
}
.etp-date-filter:has(.etp-wh-filter-field) .etp-crit-btn,
.etp-date-filter:has(.etp-wh-filter-field) [data-crit-reset] {
	flex: 0 0 auto;
}
.etp-date-filter .etp-wh-filter-field select {
	min-height: 36px;
	padding: 7px 9px;
	border: 1px solid var(--etp-border-strong);
	border-radius: 8px;
	font: inherit;
	box-sizing: border-box;
	background: var(--etp-surface);
	color: var(--etp-text);
}
/* ===== /Stok depo filtresi ===== */

/* ===== Varlik Yonetimi (Faz B) ===== */
.etp-vlk .etp-vlk-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 16px}
.etp-vlk-search{flex:1 1 200px;min-width:160px;padding:8px 12px;border:1px solid var(--etp-border);border-radius:8px;font-size:var(--etp-fs-md);font-family:inherit}
.etp-vlk-filter{padding:8px 10px;border:1px solid var(--etp-border);border-radius:8px;background:var(--etp-surface);font-family:inherit}
.etp-vlk-tbspace{flex:1 1 auto}
.etp-vlk-maplink{padding:8px 12px;border:1px solid var(--etp-border);border-radius:8px;background:var(--etp-surface);color:var(--etp-muted);font-size:13px;cursor:not-allowed}
.etp-vlk-add{padding:8px 14px;border-radius:8px;background:var(--etp-accent,#1f5fa5);color:#fff;font-weight:600;text-decoration:none;white-space:nowrap}
.etp-vlk-add:hover{filter:brightness(.95)}
.etp-vlk-empty{text-align:center;padding:40px 16px;color:var(--etp-muted)}
.etp-vlk-empty .etp-vlk-add{display:inline-block;margin-top:12px}
.etp-vlk-group{margin:0 0 18px}
.etp-vlk-grouphd{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--etp-muted);padding:0 4px 6px}
.etp-vlk-count{display:inline-block;min-width:18px;padding:0 6px;margin-left:4px;border-radius:9px;background:var(--etp-surface-soft);color:var(--etp-muted);font-size:11px;text-align:center}
.etp-vlk-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid var(--etp-border);border-radius:10px;margin:6px 0;text-decoration:none;color:var(--etp-text);background:var(--etp-surface);transition:border-color .12s,box-shadow .12s}
.etp-vlk-row:hover{border-color:var(--etp-accent,#1f5fa5);box-shadow:0 1px 4px rgba(14,37,72,.06)}
.etp-vlk-dot{width:11px;height:11px;border-radius:50%;flex:0 0 auto;background:#9aa6b2}
.etp-vlk-dot-yesil{background:#1f8a4c}
.etp-vlk-dot-sari{background:var(--etp-warning,#d9a400)}
.etp-vlk-dot-kirmizi{background:var(--etp-danger,#c0392b)}
.etp-vlk-dot-link{background:transparent;border:2px solid var(--etp-border-strong,var(--etp-border))}
.etp-vlk-name{font-weight:600}
.etp-vlk-loc{color:var(--etp-muted);font-size:13px;margin-left:auto;text-align:right}
.etp-vlk-bridge{border-style:dashed}
.etp-vlk-bridge .etp-vlk-name{color:var(--etp-muted)}
.etp-vlk-cardtop{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px}
.etp-vlk-back{color:var(--etp-muted);text-decoration:none;font-size:14px}
.etp-vlk-back:hover{color:var(--etp-text)}
.etp-vlk-editbtn{padding:7px 14px;border:1px solid var(--etp-border);border-radius:8px;background:var(--etp-surface);color:var(--etp-text);text-decoration:none;font-weight:600;font-size:14px}
.etp-vlk-card{border:1px solid var(--etp-border);border-radius:14px;overflow:hidden;background:var(--etp-surface)}
.etp-vlk-idband{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px;background:var(--etp-surface-soft);border-bottom:1px solid var(--etp-border)}
.etp-vlk-idmain h3{margin:0 0 6px;font-size:20px}
.etp-vlk-idsub{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.etp-vlk-systag{display:inline-block;padding:2px 9px;border-radius:6px;background:var(--etp-surface-soft);color:var(--etp-muted);border:1px solid var(--etp-border);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.etp-vlk-listhd{margin:0 0 12px;font-size:15px;font-weight:700;color:var(--etp-text)}
.etp-vlk-locsub{color:var(--etp-muted);font-size:14px}
.etp-vlk-meta{margin-top:8px;color:var(--etp-muted);font-size:13px}
.etp-vlk-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;font-weight:600;font-size:14px;white-space:nowrap}
.etp-vlk-badge .etp-vlk-bdot{width:10px;height:10px;border-radius:50%}
.etp-vlk-badge-yesil{background:rgba(31,138,76,.12);color:#1f8a4c}
.etp-vlk-badge-yesil .etp-vlk-bdot{background:#1f8a4c}
.etp-vlk-badge-sari{background:var(--etp-warning-soft,rgba(217,164,0,.14));color:#9a7400}
.etp-vlk-badge-sari .etp-vlk-bdot{background:var(--etp-warning,#d9a400)}
.etp-vlk-badge-kirmizi{background:var(--etp-danger-soft,rgba(192,57,43,.12));color:var(--etp-danger,#c0392b)}
.etp-vlk-badge-kirmizi .etp-vlk-bdot{background:var(--etp-danger,#c0392b)}
.etp-vlk-block{padding:18px 20px;border-top:1px solid var(--etp-border)}
.etp-vlk-blockhd{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--etp-muted);margin:0 0 12px}
.etp-vlk-kunye{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.etp-vlk-kitem{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border:1px solid var(--etp-border);border-radius:8px;background:var(--etp-surface-soft)}
.etp-vlk-klabel{color:var(--etp-muted);font-size:13px}
.etp-vlk-kval{font-weight:600;text-align:right}
.etp-vlk-kval small{color:var(--etp-muted);font-weight:400}
.etp-vlk-yagtbl{width:100%;border-collapse:collapse;font-size:14px}
.etp-vlk-yagtbl th{text-align:left;color:var(--etp-muted);font-weight:600;font-size:12px;padding:6px 10px;border-bottom:1px solid var(--etp-border)}
.etp-vlk-yagtbl td{padding:8px 10px;border-bottom:1px solid var(--etp-border)}
.etp-vlk-muted{color:var(--etp-muted);font-style:italic;margin:0}
.etp-vlk-note{margin:0;line-height:1.5}
.etp-vlk-arcform{padding:10px 20px;border-top:1px solid var(--etp-border)}
.etp-vlk-arcbtn{background:none;border:none;padding:0;color:var(--etp-danger,#c0392b);font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.etp-vlk-arcbtn:hover{opacity:.75}
.etp-vlk-form{border:1px solid var(--etp-border);border-radius:14px;padding:20px;background:var(--etp-surface)}
.etp-vlk-formgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.etp-vlk-fld{display:flex;flex-direction:column;gap:5px;font-size:13px}
.etp-vlk-fld>span{color:var(--etp-muted);font-weight:600}
.etp-vlk-fld input,.etp-vlk-fld select,.etp-vlk-fld textarea{padding:9px 11px;border:1px solid var(--etp-border);border-radius:8px;font-size:14px;font-family:inherit}
.etp-vlk-fld-wide{grid-column:span 2}
.etp-vlk-fld-full{grid-column:1/-1}
.etp-vlk-rows{display:flex;flex-direction:column;gap:8px;margin:0 0 10px}
.etp-vlk-row3{display:grid;grid-template-columns:1fr 1fr .6fr;gap:8px}
.etp-vlk-row5{display:grid;grid-template-columns:1.1fr 1fr 1.3fr 1fr;gap:8px}
.etp-vlk-row3 input,.etp-vlk-row5 input{padding:8px 10px;border:1px solid var(--etp-border);border-radius:7px;font-size:13px;font-family:inherit}
.etp-vlk-addrow{padding:7px 12px;border:1px dashed var(--etp-border-strong,var(--etp-border));border-radius:8px;background:var(--etp-surface);color:var(--etp-accent,#1f5fa5);font-weight:600;cursor:pointer;font-size:13px}
.etp-vlk-formactions{display:flex;gap:10px;align-items:center;margin-top:18px}
.etp-vlk-save{padding:10px 22px;border:none;border-radius:8px;background:var(--etp-accent,#1f5fa5);color:#fff;font-weight:700;cursor:pointer;font-size:15px}
.etp-vlk-cancel{color:var(--etp-muted);text-decoration:none}
@media(max-width:640px){.etp-vlk-row5,.etp-vlk-row3{grid-template-columns:1fr 1fr}.etp-vlk-fld-wide{grid-column:span 1}.etp-vlk-loc{display:none}}

/* ===== Varlik belgeler ===== */
.etp-vlk-belgeler{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:6px}
.etp-vlk-belge{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--etp-border);border-radius:8px;background:var(--etp-surface-soft)}
.etp-vlk-belge-link{flex:1;text-decoration:underline;color:var(--etp-text);font-weight:600;font-size:14px}
.etp-vlk-belge-del{margin:0}
.etp-vlk-belge-x{border:none;background:transparent;color:var(--etp-muted);font-size:18px;line-height:1;cursor:pointer;padding:0 4px}
.etp-vlk-belge-x:hover{color:var(--etp-danger,#c0392b)}
.etp-vlk-belge-up{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:4px}
.etp-vlk-belge-add{padding:9px 18px;border:none;border-radius:8px;background:var(--etp-accent,#1f5fa5);color:#fff;font-weight:700;cursor:pointer;font-size:14px}

/* ===== Varlik gecmis timeline ===== */
.etp-vlk-timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.etp-vlk-tl{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--etp-border)}
.etp-vlk-tl:last-child{border-bottom:none}
.etp-vlk-tl-dot{flex:0 0 8px;width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--etp-border-strong,#9aa4b2)}
.etp-vlk-tl-body{flex:1;min-width:0}
.etp-vlk-tl-title{font-size:14px;font-weight:600;color:var(--etp-text)}
.etp-vlk-tl-meta{font-size:13px;color:var(--etp-muted);margin-top:1px}

/* ===== Varlik bakim kaydi ===== */
.etp-vlk-tl-del{margin:0;flex:0 0 auto}
.etp-vlk-tl-x{border:none;background:transparent;color:var(--etp-muted);font-size:16px;line-height:1;cursor:pointer;padding:2px 4px}
.etp-vlk-tl-x:hover{color:var(--etp-danger,#c0392b)}
.etp-vlk-bkm{margin-top:14px}
.etp-vlk-bkm>summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--etp-text);padding:6px 0;list-style:none;user-select:none}
.etp-vlk-bkm>summary::-webkit-details-marker{display:none}
.etp-vlk-bkm>summary::before{content:"+ ";color:var(--etp-muted)}
.etp-vlk-bkm[open]>summary::before{content:"\2212 "}
.etp-vlk-bkm-form{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--etp-border);border-radius:8px;background:var(--etp-surface-soft);margin-top:6px}
.etp-vlk-bkm-form textarea{font:inherit;padding:8px 10px;border:1px solid var(--etp-border);border-radius:6px;resize:vertical}
.etp-vlk-bkm-save{align-self:flex-start;padding:7px 16px;border:1px solid var(--etp-border-strong,#9aa4b2);background:var(--etp-surface);color:var(--etp-text);border-radius:8px;font-weight:600;cursor:pointer;font-size:13px}
.etp-vlk-bkm-save:hover{background:var(--etp-surface-soft)}

/* ===== Varlik yaglama haritasi ===== */
.etp-vlk-maplink{padding:7px 14px;border:1px solid var(--etp-border);border-radius:8px;background:var(--etp-surface);color:var(--etp-text);font-weight:600;font-size:13px;text-decoration:none;cursor:pointer}
.etp-vlk-maplink:hover{background:var(--etp-surface-soft)}
.etp-vlk-haritatbl{width:100%;border-collapse:collapse;font-size:14px;margin-top:4px}
.etp-vlk-haritatbl th{text-align:left;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--etp-muted);text-transform:uppercase;padding:8px 10px;border-bottom:1px solid var(--etp-border-strong,#9aa4b2)}
.etp-vlk-haritatbl td{padding:9px 10px;border-bottom:1px solid var(--etp-border);color:var(--etp-text)}
.etp-vlk-haritatbl tr:last-child td{border-bottom:none}
.etp-vlk-haritatbl td:first-child{font-weight:600}
@media (max-width: 640px) {
	.etp-vlk-yagtbl thead, .etp-vlk-haritatbl thead { display: none; }
	.etp-vlk-yagtbl, .etp-vlk-yagtbl tbody, .etp-vlk-yagtbl tr, .etp-vlk-yagtbl td,
	.etp-vlk-haritatbl, .etp-vlk-haritatbl tbody, .etp-vlk-haritatbl tr, .etp-vlk-haritatbl td { display: block; width: 100%; }
	.etp-vlk-yagtbl tr, .etp-vlk-haritatbl tr { border: 1px solid var(--etp-border); border-radius: 8px; margin-bottom: 10px; padding: 4px 0; }
	.etp-vlk-yagtbl td, .etp-vlk-haritatbl td { display: flex; justify-content: space-between; align-items: center; gap: 12px; border-bottom: 0; padding: 5px 12px; text-align: right; }
	.etp-vlk-yagtbl tr td:last-child, .etp-vlk-haritatbl tr td:last-child { border-bottom: 0; }
	.etp-vlk-yagtbl td::before, .etp-vlk-haritatbl td::before { content: attr(data-label); color: var(--etp-muted); font-weight: 600; font-size: 12px; text-align: left; flex: 0 0 auto; }
	.etp-vlk-haritatbl td:first-child { font-weight: 600; }
}
/* ===== Varlik buton birlestirme v3: liste link-butonlari = kunye-satiri (BEYAZ zemin, MAVI yazi, kesik cerceve) ===== */
.etp-shell a.etp-vlk-add,
.etp-shell a.etp-vlk-maplink{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px;border:1px dashed var(--etp-border-strong,var(--etp-border));border-radius:8px;background:var(--etp-surface);color:var(--etp-accent,#1f5fa5) !important;font-weight:600;font-size:13px;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;box-sizing:border-box}
.etp-shell a.etp-vlk-add:hover,
.etp-shell a.etp-vlk-maplink:hover{background:var(--etp-surface-soft);color:var(--etp-accent,#1f5fa5) !important}
.etp-shell .etp-vlk-empty a.etp-vlk-add{display:inline-flex;margin-top:12px}

/* ===== Varlik otomatik durum rozeti (yaglama periyot motoru) ===== */
.etp-vlk-dur{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;line-height:1.6}
.etp-vlk-dur-ok{background:#e7f5ec;color:#1b7a43}
.etp-vlk-dur-warn{background:#fdf3e0;color:#9a6700}
.etp-vlk-dur-bad{background:#fcebea;color:#b42318}
.etp-vlk-dur-none{background:var(--etp-surface-soft,#f1f3f5);color:var(--etp-muted,#6b7280)}

/* ---- Varlik QR / kod etiketi ---- */
.etp-vlk-cardtop-actions{display:flex;align-items:center;gap:10px;}
.etp-vlk-codwrap{display:flex;align-items:center;gap:8px;}
.etp-vlk-codwrap .etp-qr{display:none;}
.etp-vlk-kod{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;font-weight:700;letter-spacing:1px;color:var(--etp-text);}
.etp-vlk-qrprint{padding:7px 14px;border:1px solid var(--etp-border);border-radius:8px;background:var(--etp-surface);color:var(--etp-text);font-weight:600;font-size:13px;cursor:pointer;}
.etp-vlk-qrprint:hover{background:var(--etp-surface-soft);}

/* ---- Toplu QR etiket sayfasi ---- */
.etp-qr-sheet{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;}
.etp-qr-label{border:1.5px solid var(--etp-border-strong,#9aa4b2);border-radius:8px;padding:10px;width:164px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;page-break-inside:avoid;break-inside:avoid;}
.etp-qr-label-ad{font-size:12px;font-weight:700;color:var(--etp-text);line-height:1.2;min-height:2.4em;display:flex;align-items:center;}
.etp-qr-label .etp-qr{width:124px;height:124px;}
.etp-qr-label .etp-qr svg{width:124px;height:124px;display:block;}
@media print{
	.etp-qr-sheet{gap:8px;}
	.etp-qr-label{width:150px;}
}

/* Jurnal: kapanmis jurnali tekrar operasyona acma butonu.
   Hollow accent pill; ekstra sinif specificity ile base button[type=submit] !important kuralini ezer; dark mode token uyumlu. */
.etp-shell .etp-jrnl-reopen,
.etp-shell form button[type="submit"].etp-jrnl-reopen{
	display:inline-flex !important;
	align-items:center !important;
	gap:6px !important;
	background:transparent !important;
	color:var(--etp-accent) !important;
	border:1px solid var(--etp-accent) !important;
	border-radius:999px !important;
	padding:7px 16px !important;
	font-size:13px !important;
	font-weight:600 !important;
	letter-spacing:normal !important;
	width:auto !important;
	min-width:0 !important;
	box-shadow:none !important;
	cursor:pointer !important;
	transition:background .15s ease, color .15s ease !important;
}
.etp-shell form button[type="submit"].etp-jrnl-reopen:hover{
	background:var(--etp-accent) !important;
	color:#ffffff !important;
}
.etp-shell .etp-jrnl-reopen svg{flex:0 0 auto;}
/* Devren bilgi notu (yeni jurnal acilinca onceki acik jurnal otomatik kapatildi). */
.etp-shell .etp-jrnl-devren-note{
	margin:-2px 0 14px;
	padding:9px 14px;
	border-radius:8px;
	background:var(--etp-accent-soft);
	border:1px solid var(--etp-accent);
	color:var(--etp-text);
	font-size:13px;
	line-height:1.45;
}
.etp-shell .etp-jrnl-devren-note a{
	color:var(--etp-accent);
	font-weight:600;
	text-decoration:underline;
	text-underline-offset:2px;
	margin-left:4px;
}
/* Yaglama periyot girisi: sayi + birim (gun/ay/yil) tek grid hucresinde. */
.etp-vlk-row5 .etp-yag-per{display:flex;gap:6px;align-items:center;min-width:0}
.etp-vlk-row5 .etp-yag-per .etp-yag-pernum{flex:1 1 auto !important;width:auto !important;min-width:0 !important}
.etp-vlk-row5 .etp-yag-per .etp-yag-perunit{flex:0 0 auto !important;width:auto !important;min-width:0 !important}
@media(max-width:640px){.etp-vlk-row5 .etp-yag-per{grid-column:1 / -1}}
.etp-stock-detail .etp-stock-curr{font-size:13px;color:var(--etp-muted);margin-bottom:8px}
.etp-stock-movform{margin-bottom:6px}
.etp-stock-movhd{font-size:12px;font-weight:700;color:var(--etp-muted);text-transform:uppercase;letter-spacing:.02em;margin:12px 0 4px}
.etp-stock-movtbl td,.etp-stock-movtbl th{font-size:12.5px;padding:5px 8px;white-space:nowrap}
.etp-stock-movtbl .etp-mov-in td:nth-child(3){color:var(--etp-success);font-weight:600}
.etp-stock-movtbl .etp-mov-out td:nth-child(3){color:var(--etp-danger);font-weight:600}
.etp-stock-editmeta{margin-top:10px}
.etp-stock-editmeta>summary{cursor:pointer;font-size:12.5px;color:var(--etp-muted);font-weight:600;padding:4px 0}
.etp-stock-act{margin:6px 0}
.etp-stock-act>summary{cursor:pointer;font-size:12.5px;font-weight:600;color:var(--etp-accent);padding:4px 0}
.etp-stock-allmov{margin-top:14px}
.etp-stock-allmov>summary{cursor:pointer;font-weight:700;font-size:13px;color:var(--etp-text);padding:6px 0}
.etp-stock-fmovtbl td,.etp-stock-fmovtbl th{font-size:12.5px;padding:5px 8px;white-space:nowrap}
.etp-stock-fmovtbl .etp-mov-in td:nth-child(4){color:var(--etp-success);font-weight:600}
.etp-stock-fmovtbl .etp-mov-out td:nth-child(4){color:var(--etp-danger);font-weight:600}
.etp-stock-detail{text-align:left}
.etp-stock-subhd{font-size:12px;font-weight:700;color:var(--etp-muted);margin:12px 0 4px;text-transform:uppercase;letter-spacing:.02em}
.etp-stok-seg{margin:0 0 14px}
.etp-stock-movwrap{overflow-x:auto}
.etp-stock-movtbl:not(.is-expanded) tr.etp-mov-extra{display:none}
.etp-mov-more{margin:8px 0 2px;background:transparent;border:0;color:var(--etp-accent);font-weight:600;font-size:12.5px;cursor:pointer;padding:4px 0}
.etp-stok-seg .etp-ff-segbtn.etp-on{background:var(--etp-btn,#111827)}
.etp-stock-fmovtbl tr.etp-mov-capped{display:none}
.etp-mov-loadmore{display:block;margin:12px auto 2px;background:var(--etp-surface,#fff);border:1px solid var(--etp-border,#e2e8f0);color:var(--etp-text);font-weight:600;font-size:13px;padding:8px 18px;border-radius:8px;cursor:pointer}
.etp-mov-loadmore:hover{background:var(--etp-surface-soft)}

/* ===== Stok listesi feed: siralama basliklari + kritik toggle + kompakt duzen ===== */
.etp-shell .etp-stock-listtbl thead th[data-stok-sort] { cursor: pointer !important; user-select: none; -webkit-user-select: none; transition: color .12s ease; white-space: nowrap; }
.etp-shell .etp-stock-listtbl thead th[data-stok-sort]:hover { color: var(--etp-accent) !important; }
.etp-shell .etp-stock-listtbl thead th[data-stok-sort]::after { content: " \2195"; opacity: .4; font-size: 11px; margin-left: 2px; }
.etp-shell .etp-stock-listtbl thead th[data-stok-sort][data-sort-direction="asc"]::after { content: " \2191"; opacity: 1; color: var(--etp-accent); }
.etp-shell .etp-stock-listtbl thead th[data-stok-sort][data-sort-direction="desc"]::after { content: " \2193"; opacity: 1; color: var(--etp-accent); }
.etp-shell .etp-islem-crit { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border: 1px solid #d4dbe3; border-radius: 999px; background: #fff; color: var(--etp-text); font-size: 13px; font-weight: 600; cursor: pointer; transition: all .15s ease; }
.etp-shell .etp-islem-crit:hover { border-color: var(--etp-danger, #dc2626); color: var(--etp-danger, #dc2626); }
.etp-shell .etp-islem-crit.etp-on { background: var(--etp-danger, #dc2626); border-color: var(--etp-danger, #dc2626); color: #fff; }
[data-theme="dark"] .etp-shell .etp-islem-crit { background: #ffffff !important; color: #0f172a !important; border-color: #cdd6e2 !important; }
[data-theme="dark"] .etp-shell .etp-islem-crit.etp-on { background: var(--etp-danger, #dc2626) !important; color: #fff !important; }
/* Stok Ekle daha kompakt + aramaya yakin, fazla bosluk yok */
.etp-shell #stok .etp-add-collapse { margin: 0 0 8px; }
.etp-shell #stok .etp-add-summary { padding: 7px 12px; font-size: 13px; }
.etp-shell #stok .etp-islem-toolbar { margin: 4px 0 10px; }
/* ===== /Stok listesi feed duzen ===== */