:root {
	--vault-accent: #0A2540;     
}



[id] {
	scroll-margin-top: 80px;
}




	* {
			box-sizing: border-box;
			margin: 0;
			padding: 0;
		}

		html {
			scroll-behavior: smooth;
		}

		.container {
			max-width: 1200px;
			margin: 0 auto;
			padding: 0 2rem;
		}

		body.light-theme {
			background-color: #F8FAFC !important; /* Det krispiga, rena Snow Titanium */
			color: #0F172A !important;             /* Carbon Black */
			font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
			-webkit-font-smoothing: antialiased;
			letter-spacing: -0.02em;
		}

		/* 📡 FLOATING SEAMLESS HEAD NAVIGATION: Sömlös, linjelös och 100% transparent */
		nav {
			border-bottom: none !important;
			padding: 3rem 0 1.5rem 0 !important; /* Perfekt nedsänkning för andningsrum */
			background: transparent !important;
			box-shadow: none !important;
		}



/* 🧱 ELEMENT: Den sömlösa, exklusiva och luftiga huvudpanelen */
body.light-theme .mypanel {
	background: #ffffff;
	border: 1px solid #E2E8F0;
	border-radius: 8px;
	padding: 4rem 3.5rem !important; /* Massiv, lyxig padding som Stripe Dashboard */
	margin-top: 3rem;
	margin-bottom: 4rem;
	width: 100%;
	box-sizing: border-box;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.01), 0 20px 60px rgba(10, 37, 64, 0.015);
}

/* Slakta box-i-box effekten på dina relationstabeller och paneler */
body.light-theme .vfpanel {
	background: transparent !important;
	border: none !important;
	border-radius: 0px !important;
	padding: 0px !important;
	margin-top: 0px !important;
	box-shadow: none !important;
}

/* 📡 TELEMETRI CORE MATRIX: Dämpad och knivskarp på en rad */
body.light-theme .matrix-sub {
	border-bottom: 1px solid #F1F5F9;
	padding-bottom: 2.5rem;
	margin-bottom: 3rem;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 2rem;
}

body.light-theme .form-group {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

body.light-theme .code-text {
	background: #F8FAFC !important;
	border: 1px solid #E2E8F0 !important;
	border-radius: 6px !important;
	padding: 12px 18px !important;
	color: #0F172A !important;
	font-weight: 600 !important;
	font-family: monospace;
	font-size: 0.9rem;
	word-break: break-all;
}



body.light-theme .status-badge {
	background: #ffffff !important;
	border: 1px solid #E2E8F0 !important;
	border-radius: 6px !important;
	padding: 12px 18px !important;
	font-size: 0.9rem;
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.65rem !important;
	min-width: 195px !important; /* Garanterar att klockan ALDRIG bryter rad */
}

body.light-theme .txt-doomsday-ticker {
	font-family: monospace;
	font-weight: 700;
	letter-spacing: 0.02em;
	white-space: nowrap !important; /* Totalförbjud radbrytning i klockan! */
}

/* 🎛️ RUBRIKER: Vi tar tillbaka ikonerna men gör dem dämpade och monokroma (Slate-färgade) */
body.light-theme .vault-gov-title,
body.light-theme .vault-matrix-title {
	font-size: 1.35rem !important;
	font-weight: 700 !important;
	letter-spacing: -0.02em !important;
	color: #0A2540 !important;
	display: flex !important;
	align-items: center !important;
	gap: 0.65rem !important;
}

body.light-theme .vault-gov-title svg,
body.light-theme .vault-matrix-title svg {
	stroke: #475569 !important; /* Dämpad elegant Slate-färg på ikonerna för lyxig diskretion */
	width: 20px;
	height: 20px;
	fill: none;
}

body.light-theme .vault-gov-subtitle {
	color: #64748B !important;
	font-size: 0.9rem !important;
	margin-top: 0.5rem !important;
	margin-bottom: 2.5rem !important;
	line-height: 1.5;
}

/* Monokrom dämpning på statistikvärden */
body.light-theme .stats-title {
	color: #64748B;
	font-size: 0.7rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 4px;
	font-weight: 600;
}

body.light-theme .stats-content {
	font-weight: 700;
	font-family: monospace;
	padding: 6px 12px;
	background: #F1F5F9;
	color: #0F172A;
	border-radius: 6px;
	font-size: 0.95rem;
}

body.light-theme .matrix-sub3 {
	display: flex;
	gap: 2rem;
	align-items: center;
}

/* ✍ * FORMS: Apple-inspirerad minimalistisk ram och baslinje */
body.light-theme .form-label {
	font-size: 0.72rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #475569;
	margin-bottom: 0.5rem;
}

body.light-theme .form-ctrl,
body.light-theme .vault-shard-select {
	background: #ffffff !important;
	border: 1px solid #D8E2E9 !important;
	border-radius: 6px !important;
	height: 3.25rem !important; /* Lyxig höjd hela vägen */
	padding: 0 1.25rem !important;
	font-size: 0.92rem !important;
	color: #0F172A !important;
	transition: all 0.15s ease-in-out !important;
	outline: none;
}

body.light-theme .form-ctrl:focus,
body.light-theme .vault-shard-select:focus {
	border-color: #0A2540 !important;
	box-shadow: 0 0 0 3px rgba(10, 37, 64, 0.04) !important;
}

body.light-theme .vault-shard-textarea {
	min-height: 11rem !important;
	padding: 1.25rem !important;
	font-family: monospace !important;
	resize: vertical;
}

/* 🦾 BUTTONS MATRIX: Knivskarpa baslinjer */
/*
body.light-theme .vfbtn {
	background-color: #0A2540 !important;
	color: #ffffff !important;
	border: none;
	height: 3.25rem !important;
	padding: 0 2rem !important;
	font-size: 0.9rem !important;
	font-weight: 600 !important;
	border-radius: 6px !important;
	cursor: pointer;
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.5rem !important;
	transition: background-color 0.15s ease !important;
}
*/
body.light-theme .vfbtn:hover { background-color: rgba(245, 166, 35, 1.0) !important; color: #000000 !important; }

body.light-theme .btn-add-beneficiant {
	height: 3.25rem !important;
	background: #0A2540 !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 6px !important;
	padding: 0 1.75rem !important;
	font-weight: 600 !important;
	font-size: 0.85rem !important;
	cursor: pointer;
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.5rem !important;
}
body.light-theme .btn-add-beneficiant:hover { background: rgba(245, 166, 35, 1.0) !important; color: #000000 !important; }
body.light-theme .btn-add-beneficiant svg { stroke: currentColor !important; }


/* ==========================================================================
   👑 OMNIPOTENT TOPELITE BANK PERIMETER - DEL 3 (PRODUCTION SYSTEM - TABS)
   ========================================================================== */

/* SPIKRAK HORISONTELL 3-KOLUMNS PERIMETER MATRIX */
body.light-theme .vault-gov-body-row {
	display: grid !important;
	grid-template-columns: 1fr 1fr auto !important; /* Input 1, Input 2, Knapp */
	align-items: flex-end !important;
	gap: 1.25rem !important;
	width: 100% !important;
	margin-bottom: 2rem !important;
	padding-bottom: 1.5rem !important;
	border-bottom: 1px solid #E2E8F0 !important;
}

@media (max-width: 768px) {
	body.light-theme .vault-gov-body-row {
		grid-template-columns: 1fr !important;
	}
}

body.light-theme .vault-input-block-flex {
	display: flex !important;
	flex-direction: column !important;
	gap: 0.5rem !important;
	width: 100% !important;
}

body.light-theme .vault-action-block-flex {
	display: block !important;
}

/* Sanna tvåkolumns-spliten för relationerna */
body.light-theme .vault-trust-split-grid {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 2rem !important;
	margin-top: 1.5rem !important;
}

@media (max-width: 900px) {
	body.light-theme .vault-trust-split-grid {
		grid-template-columns: 1fr !important;
	}
}

body.light-theme .vault-trust-column {
	background: transparent !important;
	border: none !important;
	border-radius: 0px !important;
	padding: 0px !important;
}

body.light-theme .vault-trust-column-title {
	font-size: 0.85rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.06em !important;
	margin-bottom: 1.25rem !important;
	border-bottom: 1px solid #E2E8F0 !important; /* Krispig, stram linje */
	padding-bottom: 0.75rem !important;
	display: flex !important;
	align-items: center !important;
	gap: 0.5rem !important;
}

body.light-theme .vault-trust-column-title.outbound-title { color: #10B981 !important; border-bottom-color: #10B981 !important; }
body.light-theme .vault-trust-column-title.inbound-title { color: rgba(245, 166, 35, 1.0) !important; border-bottom-color: rgba(245, 166, 35, 1.0) !important; }

/* 📊 TABELLER: Stripe-arkitektur i absolut perfektum */
body.light-theme .vault-ledger-container {
	width: 100%;
	overflow-x: auto;
}

body.light-theme .vault-ledger-table,
body.light-theme .vault-beneficiary-table {
	width: 100%;
	border-collapse: collapse;
}

body.light-theme .vault-ledger-table th,
body.light-theme .vault-beneficiary-table th {
	background: transparent !important;
	color: #64748B !important;
	font-size: 0.72rem !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.06em !important;
	padding: 12px 8px !important;
	border-bottom: 1px solid #E2E8F0 !important;
	text-align: left;
}

body.light-theme .vault-ledger-table td,
body.light-theme .vault-beneficiary-table td {
	padding: 16px 8px !important;
	border-bottom: 1px solid #F1F5F9 !important;
	font-size: 0.9rem !important;
	vertical-align: middle;
}

body.light-theme .vault-ledger-row:hover,
body.light-theme .vault-beneficiary-row:hover {
	background-color: #F8FAFC !important;
}

body.light-theme .vault-ledger-row .td-alias,
body.light-theme .vault-beneficiary-row .td-alias {
	font-weight: 600;
	color: #0F172A !important;
}



/* Det dämpade, linjära ombudsnamnet */
body.light-theme .vault-node-location-badge {
	background: #F1F5F9 !important;
	color: #475569 !important;
	font-weight: 600 !important;
	padding: 4px 8px !important;
	border-radius: 4px !important;
	font-size: 0.8rem;
}

body.light-theme .vault-btn-ledger-purge {
	background: transparent !important;
	border: none !important;
	color: #94A3B8 !important;
	cursor: pointer;
	padding: 4px !important;
}
body.light-theme .vault-btn-ledger-purge:hover { color: #EF4444 !important; }

body.light-theme .badge-shard-unlocked { background: none; color: #10B981; font-weight: 700; font-size: 0.8rem; }
body.light-theme .badge-shard-locked { background: none; color: #EF4444; font-weight: 700; font-size: 0.8rem; cursor: pointer; border: none; }

/* Dropdowns, badges och ikoner i tabellcellerna */
body.light-theme .vault-alias-flex-group { display: flex !important; align-items: center !important; gap: 0.5rem !important; }

body.light-theme .vault-ledger-dropdown-action {
	background-color: rgba(241, 245, 249, 1.0) !important;
	border: 1px solid rgba(226, 232, 240, 1.0) !important;
	color: rgba(15, 23, 42, 1.0) !important;
	padding: 6px 10px !important;
	border-radius: 4px !important;
	font-size: 0.8rem !important;
	font-weight: 600;
	outline: none !important;
	cursor: pointer !important;
	transition: all 0.15s ease !important;
}
body.light-theme .vault-ledger-dropdown-action:focus { border-color: rgba(245, 166, 35, 1.0) !important; background-color: #ffffff !important; }
body.light-theme .vault-ledger-dropdown-action:disabled { background-color: rgba(226, 232, 240, 0.5) !important; color: rgba(148, 163, 184, 1.0) !important; cursor: not-allowed !important; }

/* Radar, klock-animeringar och Anti-Tamper */
body.light-theme .vault-radar-pulse { position: relative !important; width: 8px !important; height: 8px !important; background-color: #10B981 !important; border-radius: 50% !important; display: inline-block !important; }
body.light-theme .vault-radar-pulse::after { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 100% !important; height: 100% !important; border: 1px solid #10B981 !important; border-radius: 50% !important; animation: vaultRadarEcho 2s infinite ease-out !important; opacity: 0 !important; }
@keyframes vaultRadarEcho { 0% { width: 100%; height: 100%; opacity: 0.6; } 100% { width: 350%; height: 350%; opacity: 0; } }

body.light-theme .vault-pulse-glow-bg { position: absolute !important; top: 0 !important; left: 0 !important; bottom: 0 !important; background-color: rgba(16, 185, 129, 0.05) !important; z-index: -1 !important; transition: width 1s linear !important; }
body.light-theme .vault-ledger-row.purging-locked { opacity: 0.4 !important; pointer-events: none !important; background-color: rgba(239, 68, 68, 0.02) !important; border-bottom-color: #EF4444 !important; }

body.light-theme .vault-actions {
	text-align: left !important; /* Linjera knapparna klockrent till vänster */
	margin-top: 1rem !important;
}

/* Interaktiva Rutnät */
body.light-theme .interactive-grid {
	display: grid !important;
	grid-template-columns: 1fr 1.2fr !important;
	gap: 3.5rem !important;
	padding-top: 1rem !important;
}

@media (max-width: 1150px) {
	body.light-theme .interactive-grid {
		grid-template-columns: 1fr !important;
	}
}

.vault-action-cell-right { text-align: right !important; }
.hidden { display: none !important; }


/* ==========================================================================
   👑 THE TOPNOTCH SRE SYMMETRY ENFORCEMENT PERIMETER (ENBART TABS)
   ========================================================================== */

/* 1. Totalt gänglås på ALLA fälthöjder och Apple-minimalistisk layout */
body.light-theme .form-ctrl,
body.light-theme .vault-shard-select,
body.light-theme .vault-gov-input-block input,
body.light-theme #shard-recipient-selector,
body.light-theme #shard-delivery-mode {
	width: 100% !important;
	box-sizing: border-box !important;
	height: 3.25rem !important; /* Tvinga exakt lyxig bankhöjd på ALLA inputs och dropdowns! */
	background: #ffffff !important;
	border: 1px solid #D8E2E9 !important;
	border-radius: 6px !important;
	padding: 0 1.25rem !important;
	font-size: 0.92rem !important;
	color: #0F172A !important;
	font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
	-webkit-appearance: none !important; /* Döda webbläsarens fula standard-dropdown-pilar */
	-moz-appearance: none !important;
	appearance: none !important;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://w3.org' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'/%3e%3c/svg%3e") !important;
	background-repeat: no-repeat !important;
	background-position: right 1.25rem center !important; /* Premium-anpassad dämpad pil till höger */
	box-shadow: none !important;
}

/* 2. Rätlinjig, fullbredds-kryptering för din textarea (Anti-Tamper alignment) */
body.light-theme .vault-shard-textarea,
body.light-theme #shard-secret-payload {
	width: 100% !important;
	box-sizing: border-box !important;
	background: #ffffff !important;
	border: 1px solid #D8E2E9 !important;
	border-radius: 6px !important;
	padding: 1.25rem !important;
	font-family: monospace !important;
	font-size: 0.9rem !important;
	line-height: 1.6 !important;
	min-height: 12rem !important; /* Lyxigt vertikalt utrymme för chiffertexten */
}

/* Fokus-glöd som andas miljonbelopp */
body.light-theme .form-ctrl:focus,
body.light-theme .vault-shard-select:focus,
body.light-theme .vault-shard-textarea:focus {
	border-color: #0A2540 !important; /* Stum mörkblå ram vid aktivitet */
	box-shadow: 0 0 0 4px rgba(10, 37, 64, 0.03) !important;
}

/* 3. Stripe-renovering av Georadar-ledgret och tabellavstånden */
body.light-theme .vault-gov-header {
	border-bottom: 1px solid #F1F5F9 !important;
	padding-bottom: 1.5rem !important;
	margin-bottom: 2.5rem !important;
}

body.light-theme .vault-ledger-table th,
body.light-theme .vault-beneficiary-table th {
	color: #64748B !important;
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important; /* Ökad text-spacing för heroisk militär-look */
	padding: 14px 12px !important;
	border-bottom: 1px solid #E2E8F0 !important;
}

body.light-theme .vault-ledger-table td,
body.light-theme .vault-beneficiary-table td {
	padding: 18px 12px !important; /* Ökat andningsrum vertikalt i tabellraderna */
	border-bottom: 1px solid #F1F5F9 !important;
}

/* Harmonisera sökrutans placering och symmetri */
body.light-theme #inp-ledger-search {
	background-image: none !important; /* Slakta den gamla fula pilsymbolen på sökfältet! */
	padding-left: 1.25rem !important;
}

/* ==========================================================================
   👑 STRIPE TOPNOTCH VERTICAL RHYTHM PERIMETER (ENBART TABS)
   ========================================================================== */

/* 1. Skapa en perfekt, luftig och balanserad grid-kolumn i huvudchassit */
body.light-theme .interactive-grid {
	display: grid !important;
	grid-template-columns: 1fr 1.1fr !important; /* Ger ledgret subtilt mer horisontell rymd */
	gap: 4.5rem !important; /* Ökad från 3.5rem för maximal framsido-luft! */
	margin-top: 3.5rem !important;
}

/* 2. Vertikal rytm i formulär-skrovet (Avstånd mellan blocken) */
body.light-theme .vault-gov-body-grid {
	display: flex !important;
	flex-direction: column !important;
	gap: 2rem !important; /* Exakt avstånd mellan varje unikt inmatningsblock */
}

body.light-theme .vault-input-block {
	display: flex !important;
	flex-direction: column !important;
	gap: 0.65rem !important; /* Garanterar andrum mellan etikett och fält! */
}

/* 3. Lyft upp etiketterna så de känns sofistikerade och medvetna */
body.light-theme .form-label {
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important; /* Militär-minimalistisk spacing */
	color: #64748B !important; /* Muted Slate-grå för total exklusivitet */
}

/* 4. Säkra fullbredd och andrum under din textarea till knappen */
body.light-theme .vault-shard-textarea,
body.light-theme #shard-secret-payload {
	margin-bottom: 0.5rem !important;
}

body.light-theme .vault-actions {
	text-align: left !important;
	margin-top: 1.5rem !important; /* Trycker ner knappen så den ligger fristående och stram */
	border-top: 1px solid #F1F5F9 !important; /* Subtil, ultratunn delningslinje innan knappen exekveras */
	padding-top: 1.5rem !important;
}

/* 5. Justera Ledger-sidan i absolut millimeterprecision */
body.light-theme #active-shards-ledger-panel .vault-gov-header {
	margin-bottom: 1.5rem !important;
}

body.light-theme #inp-ledger-search {
	margin-bottom: 2rem !important; /* Skapar ett klockrent avstånd innan tabellhuvudet startar */
}

body.light-theme .vault-ledger-table th {
	padding: 16px 12px !important; /* Mer luft i tabellhuvudet för att matcha framsidan */
	background-color: #F8FAFC !important; /* Subtil bakgrundston enbart på tabellens rubrikrad */
	border-top: 1px solid #E2E8F0 !important;
}




/* 2. Den Nya Quantum Node Integrity indikatorn (Slakta gamla fula block-boxen!) */
body.light-theme #node-shield-status {
	background: #ffffff !important;
	border: 1px solid #E2E8F0 !important;
	border-radius: 6px !important;
	padding: 12px 18px !important;
	font-size: 0.85rem !important;
	font-weight: 700 !important;
	color: #0F172A !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.75rem !important;
	min-width: 290px !important; /* Ger perfekt horisontell symfoni bredvid klockan */
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important;
}

/* Den krispiga Matrix Green statusbågen */
body.light-theme .vault-telemetry-pill {
	background: rgba(16, 185, 129, 0.06) !important;
	color: #10B981 !important;
	padding: 4px 8px !important;
	border-radius: 4px !important;
	font-size: 0.75rem !important;
	font-weight: 700 !important;
	font-family: monospace !important;
	letter-spacing: 0.02em !important;
}

/* Förskjut och anpassa din group-two för att låsa baslinjerna */
body.light-theme .group-two {
	display: flex !important;
	gap: 2rem !important;
	align-items: center !important;
	flex-wrap: wrap !important;
}





/* Gör om din översta telemetri till ett modernt, asymmetriskt tvåraders-rutnät */
body.light-theme .matrix-sub {
	border-bottom: 1px solid #F1F5F9;
	padding-bottom: 2.5rem;
	margin-bottom: 3.5rem;
	display: flex !important;
	flex-direction: column !important;
	gap: 2rem !important; /* Ger perfekt avstånd mellan rad 1 och rad 2 */
}

/* Rad 2: Synkar nedräknaren och statistiken på en spikrak horisontell linje */
body.light-theme .vault-telemetry-row-two {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 2rem !important;
	width: 100% !important;
}

body.light-theme .vault-stats-cluster-inline {
	display: flex !important;
	gap: 3rem !important; /* Massor med exklusivt andningsrum mellan talen */
	align-items: center !important;
}

/* Tvinga loggan till en fullständigt monokrom och krispig kisel-linje */

.logo {
	font-size: 1.35rem !important; /* Subtilt komprimerad för maximal skärpa */
	font-weight: 700 !important;    /* 🔥 SRE-FIX: Sänkt från 800 till 700 för klockren text-matchning! */
	letter-spacing: -0.03em !important;
	color: #0A2540 !important;       /* Solid mörkt bank-ankare */
	text-decoration: none !important;
	display: inline-flex !important;
	align-items: center !important;  /* Låser baslinjen spikrakt */
	gap: 0.65rem !important;          /* Elegant andningsrum till texten */
	line-height: 1 !important;
}

/* Säkra att den bärande sköld-ikonen blir en perfekt, dämpad följeslagare */
.logo svg {
	stroke: #0A2540 !important;      /* Solid, stum färg rakt över linjen */
	width: 21px !important;          /* 🔥 SRE-FIX: Dämpad från 26px till 21px för absolut perfektum! */
	height: 21px !important;         /* 🔥 SRE-FIX: Dämpad från 26px till 21px för absolut perfektum! */
	display: block !important;
	flex-shrink: 0 !important;
}

.logo span {
	color: #0A2540 !important;       /* 100% monokrom fulländning */
}


/* ==========================================================================
   👑 THE PLATINUM SYMMETRIC COMMAND RAIL (V700.0.0 - INLINE-FREE)
   ========================================================================== */

/* 1. Din översta telemetri-zon stramas upp med mer vertikal rymd */
body.light-theme .matrix-sub {
	border-bottom: 1px solid #E2E8F0 !important; /* Krispig, stram linje under toppblocket */
	padding-bottom: 2.5rem !important;
	margin-bottom: 3.5rem !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 2.5rem !important; /* Garanterar lyxigt andningsrum mellan rad 1 och rad 2 */
}

/* 2. Den Nya Linjära Kommandobryggan: Knapp, Klocka och Stats spikrakt på en rad! */
body.light-theme .vault-command-rail-line {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 2rem !important;
	width: 100% !important;
}

/* Säkra att de tre räknarna ligger klockrent synkade i sidled till höger */
body.light-theme .vault-stats-cluster-inline {
	display: flex !important;
	gap: 2.5rem !important; /* Massor med exklusivt andningsrum mellan talen */
	align-items: center !important;
	margin-left: auto !important; /* Trycker hela statistikblocket spikrakt till högerkanten! */
}

/* 3. Form-labels justeras för total typografisk balans */
body.light-theme .form-label {
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important; /* Minimalistisk militär-kerning */
	color: #64748B !important;
}

/* Tvinga din .vfbtn knapp till en exakt synkad bankhöjd */
body.light-theme .vfbtn {
	background-color: #0A2540 !important;
	color: #ffffff !important;
	border: none !important;
	height: 3.25rem !important; /* Synkad i millimeterprecision med dina inputfält! */
	padding: 0 1.75rem !important;
	font-size: 0.85rem !important;
	font-weight: 600 !important;
	border-radius: 6px !important;
	cursor: pointer !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.5rem !important;
}


/* ==========================================================================
   👑 TELEMETRY TOAST NOTIFICATION VECTOR (V1000.0.0 - PRODUCTION - TABS)
   ========================================================================== */

/* Behållaren som vaktar kön av aktiva transaktionskvitton i RAM-minnet */
#vault-notification-sluice-container {
	position: fixed !important;
	bottom: 2.5rem !important;
	right: 2.5rem !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 1rem !important;
	z-index: 999999 !important; /* Garanterar att den svävar över allt annat skyddspansar */
	pointer-events: none !important;
}

/* Det strömlinjeformade, gränslösa bank-toast-chassit */
body.light-theme .vault-bank-toast {
	pointer-events: auto !important;
	background: #ffffff !important;
	border: 1px solid #E2E8F0 !important; /* Tunn, elegant bank-linje */
	border-radius: 6px !important;
	padding: 1.25rem 1.75rem !important; /* Massor med Stripe-luft */
	min-width: 320px !important;
	max-width: 420px !important;
	box-shadow: 0 4px 12px rgba(10, 37, 64, 0.03), 0 1px 3px rgba(0, 0, 0, 0.02) !important;
	display: flex !important;
	align-items: flex-start !important;
	gap: 0.85rem !important;
	transform: translateY(20px);
	opacity: 0;
	animation: vaultToastFadeIn 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
	transition: all 0.2s ease-in-out !important;
}

/* Animering djupt ute i grafik-processorn för silkeslen 60 FPS nedsänkning */
@keyframes vaultToastFadeIn {
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

/* När fästningen bleknar bort autonomously efter 4 sekunder */
body.light-theme .vault-bank-toast.toast-fade-out {
	transform: scale(0.98) !important;
	opacity: 0 !important;
}

/* Det interna telemetri-skrovets textbalans */
body.light-theme .vault-toast-core-content {
	display: flex !important;
	flex-direction: column !important;
	gap: 0.25rem !important;
}

body.light-theme .vault-toast-title {
	font-size: 0.85rem !important;
	font-weight: 700 !important;
	letter-spacing: -0.01em !important;
	color: #0A2540 !important; /* Midnattsblå basankare */
}

body.light-theme .vault-toast-msg {
	font-size: 0.8rem !important;
	color: #64748B !important; /* Muted Slate-grå */
	line-height: 1.4 !important;
}

/* Färg-vektorer: Knivskarpa status-dots istället för klumpiga hobbymallar */
body.light-theme .vault-toast-indicator-dot {
	width: 8px !important;
	height: 8px !important;
	border-radius: 50% !important;
	margin-top: 4px !important;
	flex-shrink: 0 !important;
}

body.light-theme .vault-bank-toast.toast-success .vault-toast-indicator-dot {
	background-color: #10B981 !important; /* Matrix Green */
	box-shadow: 0 0 6px #10B981 !important;
}

body.light-theme .vault-bank-toast.toast-error .vault-toast-indicator-dot {
	background-color: #EF4444 !important; /* SRE Collapse Red */
	box-shadow: 0 0 6px #EF4444 !important;
}

body.light-theme .vault-bank-toast.toast-info .vault-toast-indicator-dot {
	background-color: rgba(245, 166, 35, 1.0) !important; /* Sovereign Amber */
	box-shadow: 0 0 6px rgba(245, 166, 35, 1.0) !important;
}



/* ==========================================================================
		   👑 THREE-COLUMN PREMIUM KISEL CARDS - DEL 3 (ENBART TABS)
		   ========================================================================== */

	

		/* Korten görs om till din lyxiga, gränslösa .mypanel struktur! */
		.vault-feature-card {
			background: #ffffff;
			border: 1px solid #E2E8F0;
			border-radius: 8px;
			padding: 3.5rem 2.5rem; /* Massor med Stripe-luft inuti korten */
			box-shadow: 0 1px 3px rgba(0, 0, 0, 0.01), 0 20px 60px rgba(10, 37, 64, 0.015);
			transition: transform 0.2s ease, border-color 0.2s ease;
		}

		.vault-feature-card:hover {
			transform: translateY(-4px);
			border-color: #0A2540; /* Subtil mörkblå markering vid hover */
		}

		.vault-card-icon-wrapper {
			width: 42px;
			height: 42px;
			border-radius: 6px;
			background-color: rgba(0, 0, 0, 0.02);
			border: 1px solid #E2E8F0;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-bottom: 2rem;
		}

		.vault-card-icon-wrapper svg {
			stroke: rgba(245, 166, 35, 1.0); /* Sofistikerad bärnstens-glöd enbart på ikon-linjerna */
			width: 18px;
			height: 18px;
			fill: none;
		}

		.vault-card-title {
			font-size: 1.1rem;
			font-weight: 700;
			letter-spacing: -0.02em;
			color: #0A2540;
			margin-bottom: 1rem;
			text-transform: uppercase;
			font-size: 0.85rem;
			letter-spacing: 0.05em;
		}

		.vault-card-desc {
			font-size: 0.92rem;
			color: #475569;
			line-height: 1.6;
			font-weight: 500;
		}



/* ==========================================================================
		   👑 UNIVERSAL LANDING MATRIX PERIMETER (V1100.0.0 - PRODUCTION - TABS)
		   ========================================================================== */

	

		.logo-flex-link {
			font-size: 1.4rem !important;
			font-weight: 800 !important;
			letter-spacing: -0.04em !important;
			color: #0A2540 !important; /* Solid, stum midnattsblå */
			text-decoration: none !important;
			display: inline-flex !important;
			align-items: center !important; /* Låser baslinjen spikrakt */
			gap: 0.65rem !important;
			line-height: 1 !important;
		}

		.logo-flex-link svg {
			stroke: #0A2540 !important; /* Monokrom fulländning */
			width: 21px !important;
			height: 21px !important;
			display: block !important;
			flex-shrink: 0 !important;
		}

		.logo-flex-link span {
			color: #0A2540 !important;
		}

		.nav-links {
			display: flex;
			gap: 2.5rem;
			align-items: center;
		}

		.nav-links a {
			color: #64748B; /* Elegant, dämpad Slate-grå */
			text-decoration: none;
			font-size: 0.92rem;
			font-weight: 600;
			transition: color 0.15s ease-in-out;
		}

		.nav-links a:hover {
			color: #0A2540;
		}

		/* 🦾 BUTTONS: Knivskarp synkning till din dashboard-stil */
		.vfbtn {
			background-color: #0A2540 !important;
			color: #ffffff !important;
			border: none;
			height: 3.25rem !important; /* Exakt bankhöjd */
			padding: 0 2rem !important;
			font-size: 0.9rem !important;
			font-weight: 700 !important;
			border-radius: 6px !important;
			cursor: pointer;
			text-decoration: none;
			display: inline-flex !important;
			align-items: center !important;
			gap: 0.5rem !important;
			transition: background-color 0.15s ease !important;
			box-shadow: 0 2px 10px rgba(10, 37, 64, 0.05);
		}
		.vfbtn:hover { background-color: rgba(245, 166, 35, 1.0) !important; color: #000000 !important; }

		.vfbtn-outline {
			background: transparent !important;
			border: 1px solid #D8E2E9 !important;
			color: #0A2540 !important;
			height: 3.25rem !important;
			padding: 0 2rem !important;
			font-size: 0.9rem !important;
			font-weight: 700 !important;
			border-radius: 6px !important;
			cursor: pointer;
			text-decoration: none;
			display: inline-flex !important;
			align-items: center !important;
			gap: 0.5rem !important;
			transition: all 0.1s ease;
		}
		.vfbtn-outline:hover { background: #0A2540 !important; color: #ffffff !important; border-color: #0A2540 !important; }



		/* ==========================================================================
   👑 ULTRA-LUXURY LANDINg HERO & fEATURES HARMONY (V1150.0.0 - TABS)
   ========================================================================== */

/* 🪐 HERO CHASSI: Vi spränger bort vänster-låsningen och låter texten andas i fullbredd! */
body.light-theme .vault-hero-section {
	padding: 7rem 0 4rem 0 !important; /* Massor med lyxig rymd och luft vertikalt */
	width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important; /* Linjerar allt snyggt till vänsterkantens baslinje */
	text-align: left !important;
}

/* Den lilla lyxiga sub-labeln överst */
body.light-theme .vault-military-badge {
	background-color: rgba(245, 166, 35, 0.05);
	color: rgba(224, 150, 27, 1.0);
	border: 1px solid rgba(245, 166, 35, 0.15);
	border-radius: 4px;
	padding: 6px 12px;
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 1.75rem; /* Perfekt, genomtänkt andrum till rubriken */
	display: inline-block;
	font-family: monospace;
}

/* Din mastodont-rubriken matchar nu texttjockleken på din nya monokroma logga */
body.light-theme .vault-hero-title {
	font-size: 3.5rem !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	color: #0A2540 !important;
	letter-spacing: -0.04em !important;
	max-width: 900px !important; /* Tillåter orden att ligga vackert på samma rad utan fula brytningar */
	margin-bottom: 1.25rem !important;
}

body.light-theme .vault-hero-subtitle {
	font-size: 1.1rem !important;
	color: #64748B !important;
	max-width: 680px !important;
	line-height: 1.6 !important;
	margin-bottom: 2.5rem !important;
	font-weight: 500 !important;
}

body.light-theme .vault-hero-actions {
	display: flex !important;
	gap: 1rem !important;
	justify-content: flex-start !important;
	align-items: center !important;
	width: 100% !important;
	margin-bottom: 2rem !important;
}

/* 📊 CHROMIUM MATRIX: Vi tvingar ner kort-strukturen på en helt egen rad med en drakonisk marginal! */
body.light-theme .vault-features-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
	gap: 2.5rem !important;
	width: 100% !important;
	margin-top: 4rem !important; /* Massivt, lyxigt avstånd under knapparna så att inget krockar! */
	margin-bottom: 6rem !important;
}



/* ==========================================================================
   👑 LANDINg EXTENSION PERIMETER (V1200.0.0 - DEEP SILICON - TABS)
   ========================================================================== */

/* 1. Sektionen för den Kryptografiska Processen */
body.light-theme .vault-process-section {
	padding: 8rem 0;
	border-top: 1px solid #E2E8F0;
	display: grid;
	grid-template-columns: 1fr 1.2fr;
	gap: 4.5rem;
}

@media (max-width: 900px) {
	body.light-theme .vault-process-section {
		grid-template-columns: 1fr;
		gap: 2.5rem;
		padding: 5rem 0;
	}
}

body.light-theme .vault-process-tech-list {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

body.light-theme .vault-process-step {
	display: flex;
	gap: 1.25rem;
	align-items: flex-start;
}

body.light-theme .vault-step-number {
	font-family: monospace;
	font-size: 0.85rem;
	font-weight: 700;
	color: #0A2540;
	background: #F1F5F9;
	padding: 4px 8px;
	border-radius: 4px;
	flex-shrink: 0;
}

/* 2. Pris-Tullen: Det massiva, centraliserade Enterprise Priskortet */
body.light-theme .vault-pricing-section {
	padding: 8rem 0;
	border-top: 1px solid #E2E8F0;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

body.light-theme .vault-pricing-card {
	background: #ffffff;
	border: 1px solid #E2E8F0;
	border-radius: 8px;
	padding: 4.5rem 3.5rem; /* Massiv Lyx-padding */
	max-width: 580px;
	width: 100%;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.01), 0 30px 70px rgba(10, 37, 64, 0.02);
	margin-top: 3rem;
}

body.light-theme .vault-price-amount {
	font-size: 3.5rem;
	font-weight: 800;
	color: #0A2540;
	letter-spacing: -0.04em;
	margin: 1.5rem 0 0.5rem 0;
	display: flex;
	align-items: baseline;
	justify-content: center;
	gap: 0.25rem;
}

body.light-theme .vault-price-currency {
	font-size: 1.2rem;
	font-weight: 600;
	color: #64748B;
}

body.light-theme .vault-pricing-features {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin: 2.5rem 0 3.5rem 0;
	text-align: left;
	max-width: 380px;
	margin-left: auto;
	margin-right: auto;
}

body.light-theme .vault-price-bullet {
	font-size: 0.92rem;
	color: #475569;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 0.65rem;
}

body.light-theme .vault-price-bullet svg {
	stroke: #10B981; /* Helgrön check-ikon */
	flex-shrink: 0;
}



/* ==========================================================================
   👑 AUTOMATED AUTH SLUICE MODAL MATRIX (V1300.0.0 - INLINE-FREE - TABS)
   ========================================================================== */

/* Den drakoniska frys-skölden (Overlay) som släcker ner bakgrunden subtilt */
body.light-theme #vault-auth-modal-overlay {
	position: fixed !important;
	top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
	background-color: rgba(10, 37, 64, 0.4) !important; /* Dämpad mörkblå transparent sköld */
	backdrop-filter: blur(4px) !important; /* Silkeslen premium-oskärpa */
	z-index: 9999999 !important; /* Svävar över absolut allt, även toasters! */
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Aktiveringsvektor via JavaScript transient i RAM */
body.light-theme #vault-auth-modal-overlay.matrix-ingress-active {
	opacity: 1 !important;
	pointer-events: auto !important;
}

/* Det heroiska, fulländade inloggnings-skrovet */
body.light-theme .vault-auth-modal-card {
	background: #ffffff !important;
	border: 1px solid #E2E8F0 !important;
	border-radius: 8px !important;
	width: 100% !important;
	max-width: 440px !important; /* Perfekt, stram internationell Enterprise-bredd */
	padding: 4rem 3rem !important; /* Gigantiskt andningsrum inuti */
	box-shadow: 0 30px 100px rgba(10, 37, 64, 0.12) !important;
	transform: scale(0.95) translateY(10px);
	transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
	position: relative;
}

body.light-theme #vault-auth-modal-overlay.matrix-ingress-active .vault-auth-modal-card {
	transform: scale(1) translateY(0) !important;
}

/* Det minimalistiska, linjära krysset uppe till höger */
body.light-theme .vault-auth-close-missile {
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
	background: transparent;
	border: none;
	color: #94A3B8;
	cursor: pointer;
	padding: 4px;
	transition: color 0.1s ease;
}
body.light-theme .vault-auth-close-missile:hover { color: #0A2540; }

/* 🎛️ FLIKVÄXELN (Tabs): Knivskarp, linjär och transparent växling */
body.light-theme .vault-auth-tab-rail {
	display: flex;
	gap: 1.5rem;
	border-bottom: 1px solid #F1F5F9;
	padding-bottom: 0.75rem;
	margin-bottom: 2.5rem;
}

body.light-theme .vault-auth-tab-btn {
	background: transparent;
	border: none;
	font-size: 0.95rem;
	font-weight: 600;
	color: #64748B;
	cursor: pointer;
	position: relative;
	padding-bottom: 0.75rem;
	transition: color 0.1s ease;
}

body.light-theme .vault-auth-tab-btn:hover { color: #0A2540; }

body.light-theme .vault-auth-tab-btn.tab-active {
	color: #0A2540 !important;
	font-weight: 700 !important;
}

/* Den lilla subtila linjen under den aktiva fliken */
body.light-theme .vault-auth-tab-btn.tab-active::after {
	content: "";
	position: absolute;
	left: 0; bottom: -1px; right: 0;
	height: 2px;
	background-color: #0A2540;
}

/* Formulär-avfyrningen */
body.light-theme .vault-auth-form-sector {
	display: none;
	flex-direction: column;
	gap: 1.5rem;
}

body.light-theme .vault-auth-form-sector.sector-active {
	display: flex !important;
}


/* Tvinga webbläsarens renderare att ALLTID ge länkhanden på aktiva triggers [1.1] */
[data-action],
.nav-links a {
	cursor: pointer !important; /* 🔥 BAM! Totalförbjud stela text-markörer autonomously! */
	user-select: none !important; /* Förhindrar att texten blir blåmarkerad om användaren hamrar på länken */
}




/* ==========================================================================
   👑 ULTRA-LUXURY COMPACT 2FA AUTH PERIMETER (ENBART TABS)
   ========================================================================== */

/* 2FA-behållaren är dold som standard transient i RAM */
body.light-theme #auth-login-2fa-perimeter {
	display: none;
	flex-direction: column;
	gap: 1.5rem;
	width: 100%;
}

/* När din JavaScript-motor slår om säkerhetsläget, tänds 2FA-tullen helgrön! */
body.light-theme #auth-login-2fa-perimeter.perimeter-2fa-active {
	display: flex !important;
}

/* Det strama, maskerade telefon- och e-post-telemetriblocket */
body.light-theme .vault-auth-2fa-telemetry-text {
	font-size: 0.85rem;
	color: #64748B; /* Muted Slate-grå */
	line-height: 1.5;
	margin-bottom: 0.5rem;
}

body.light-theme #text-masked-phone-target {
	font-family: monospace;
	font-weight: 700;
	color: #0A2540; /* Solid midnattsblå */
	background: #F1F5F9;
	padding: 2px 6px;
	border-radius: 4px;
}

/* Tvinga PIN-kods-fältet att andas ren kod och stram symmetri */
body.light-theme #inp-auth-login-2fa-pin {
	font-family: monospace !important;
	font-size: 1.25rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.35em !important; /* Ger en brutal, utspridd krypterings-look */
	text-align: center !important;
	padding-left: 1.6rem !important; /* Centrerar den utspridda texten i fältet */
}




/* ==========================================================================
   🦏 SHAMIR THRESHOLD ENTROpY MATRIX (V1400.0.0 - PRODUCTION - TABS)
   ========================================================================== */

/* Den strama, gränslösa yttre skenan för kapacitetsmätaren */
body.light-theme .vault-entropy-bar-wrapper {
	width: 100% !important;
	background-color: #F1F5F9 !important;
	border: 1px solid #E2E8F0 !important;
	border-radius: 4px !important;
	height: 6px !important;
	margin-top: 0.75rem !important;
	overflow: hidden !important;
}

/* Själva kisel-fyllningen som krymper och växer i gudalika 60 FPS */
body.light-theme .vault-entropy-bar-fill {
	height: 100% !important;
	width: 0%;
	background-color: #10B981 !important; /* Standard: Matrix Green */
	transition: width 0.2s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.3s ease !important;
}

/* Risk-tillstånd: Slår autonomously om till Sovereign Amber vid tung kryptorisk! */
body.light-theme .vault-entropy-bar-fill.state-capacity-warning {
	background-color: #F5A623 !important; /* Sovereign Amber */
	box-shadow: 0 0 8px rgba(245, 166, 35, 0.2) !important;
}

/* ==========================================================================
   👑 FORgE ENTROpY METAMORPHOSIS PERIMETER (ENBART TABS)
   ========================================================================== */

/* Fixa bredden och alignment på din entropi-telemetri under din textarea [1.1] */
body.light-theme .vault-entropy-container {
	width: 100% !important;
	box-sizing: border-box !important;
	margin-top: 1rem !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 0.5rem !important;
}

body.light-theme .vault-entropy-text {
	font-family: monospace !important;
	font-size: 0.78rem !important;
	color: #64748B !important; /* Muted Slate-grå för total bankklass */
	display: flex !important;
	justify-content: space-between !important;
	width: 100% !important;
	font-weight: 600 !important;
}