/* Area Riservata NAKVADRAT — stile coerente con il tema */

.nk-ar {
	--nk-ink: #10131f;
	--nk-orange: #faa80a;
	--nk-cyan: #23ace9;
	--nk-mist: #f4f5f7;
	max-width: 760px;
	margin: 0 auto;
	padding: 88px 24px 110px;
	font-family: var(--font-geist-sans, 'Geist', Arial, sans-serif);
	color: var(--nk-ink);
}

.nk-ar__kicker {
	font-size: 12px;
	font-weight: 760;
	letter-spacing: .16em;
	color: #8a8f9c;
	margin: 0 0 10px;
}

.nk-ar__kicker::before {
	content: "";
	display: inline-block;
	width: 34px;
	height: 3px;
	background: var(--nk-orange);
	margin-right: 12px;
	vertical-align: middle;
}

.nk-ar__intro h1 {
	font-size: clamp(30px, 4.4vw, 44px);
	font-weight: 760;
	letter-spacing: -.02em;
	line-height: 1.06;
	margin: 0 0 14px;
}

.nk-ar__lead {
	font-size: 16.5px;
	line-height: 1.65;
	color: #3d4352;
	margin: 0 0 8px;
	max-width: 58ch;
}

.nk-ar__logout {
	display: inline-block;
	margin-top: 6px;
	font-size: 13px;
	font-weight: 720;
	letter-spacing: .08em;
	text-decoration: none;
	color: var(--nk-ink);
	border-bottom: 2px solid var(--nk-orange);
	padding-bottom: 2px;
}

.nk-ar__card {
	background: #fff;
	border: 1px solid #10131f1f;
	box-shadow: 14px 14px 0 #10131f0d;
	padding: 34px 34px 28px;
	margin-top: 34px;
}

.nk-ar__card form {
	display: grid;
	gap: 18px;
}

.nk-ar__card label {
	display: grid;
	gap: 7px;
}

.nk-ar__card label span {
	font-size: 12px;
	font-weight: 760;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: #565d6d;
}

.nk-ar__card input {
	border: 1px solid #10131f2e;
	background: var(--nk-mist);
	padding: 13px 15px;
	font: inherit;
	font-size: 15px;
	color: var(--nk-ink);
	width: 100%;
	box-sizing: border-box;
}

.nk-ar__card input:focus {
	outline: 2px solid var(--nk-cyan);
	outline-offset: 1px;
	background: #fff;
}

.nk-ar__card button {
	justify-self: start;
	border: 0;
	cursor: pointer;
	background: var(--nk-orange);
	color: var(--nk-ink);
	font: inherit;
	font-size: 14px;
	font-weight: 760;
	letter-spacing: .04em;
	padding: 15px 28px;
	box-shadow: 9px 9px 0 var(--nk-ink);
	transition: transform .15s, box-shadow .15s;
}

.nk-ar__card button:hover {
	transform: translate(2px, 2px);
	box-shadow: 5px 5px 0 var(--nk-ink);
}

.nk-ar__note {
	margin: 20px 0 0;
	font-size: 12.5px;
	color: #737a89;
}

.nk-ar__note a {
	color: inherit;
	font-weight: 700;
}

.nk-ar__error {
	background: #fdeaea;
	border-left: 4px solid #cf3a3a;
	color: #7d1f1f;
	font-size: 14px;
	padding: 12px 14px;
	margin: 0 0 18px;
}

.nk-ar__docs {
	margin-top: 44px;
}

.nk-ar__docs h2 {
	font-size: 21px;
	font-weight: 760;
	letter-spacing: -.01em;
	margin: 0 0 16px;
	padding-bottom: 12px;
	border-bottom: 3px solid var(--nk-ink);
}

.nk-ar__empty {
	background: var(--nk-mist);
	padding: 22px 24px;
	color: #565d6d;
	font-size: 15px;
}

.nk-ar__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 14px;
}

.nk-ar__list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	background: #fff;
	border: 1px solid #10131f1f;
	padding: 20px 22px;
	transition: border-color .15s, box-shadow .15s;
}

.nk-ar__list li:hover {
	border-color: var(--nk-orange);
	box-shadow: 8px 8px 0 #10131f0d;
}

.nk-ar__doc-main {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.nk-ar__doc-main strong {
	font-size: 16px;
	font-weight: 740;
}

.nk-ar__doc-main span {
	font-size: 13.5px;
	color: #565d6d;
	line-height: 1.5;
}

.nk-ar__doc-main small {
	font-size: 12px;
	color: #8a8f9c;
	letter-spacing: .02em;
}

.nk-ar__download {
	flex: none;
	text-decoration: none;
	background: var(--nk-ink);
	color: #fff;
	font-size: 13px;
	font-weight: 740;
	letter-spacing: .05em;
	padding: 12px 20px;
	box-shadow: 6px 6px 0 var(--nk-orange);
	transition: transform .15s, box-shadow .15s;
}

.nk-ar__download:hover {
	transform: translate(2px, 2px);
	box-shadow: 3px 3px 0 var(--nk-orange);
	color: #fff;
}

@media (max-width: 560px) {
	.nk-ar { padding: 56px 18px 80px; }
	.nk-ar__card { padding: 24px 20px; }
	.nk-ar__list li { flex-direction: column; align-items: flex-start; }
}

/* ---- Visualizzatore documento online ---- */

.nk-ar--viewer {
	max-width: 1180px;
	padding-top: 42px;
	padding-bottom: 70px;
}

.nk-ar__viewerbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	flex-wrap: wrap;
	background: var(--nk-ink);
	color: #fff;
	padding: 14px 20px;
}

.nk-ar__viewerbar-left {
	display: flex;
	align-items: center;
	gap: 18px;
	min-width: 0;
}

.nk-ar__viewerbar-left strong {
	font-size: 15px;
	font-weight: 740;
	letter-spacing: .01em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 46vw;
}

.nk-ar__back {
	flex: none;
	color: var(--nk-orange);
	text-decoration: none;
	font-size: 13px;
	font-weight: 740;
	letter-spacing: .04em;
}

.nk-ar__back:hover { color: #ffc65e; }

.nk-ar__viewerbar-right {
	display: flex;
	align-items: center;
	gap: 16px;
}

.nk-ar__sections {
	display: flex;
	align-items: center;
	gap: 8px;
}

.nk-ar__sections span {
	font-size: 11px;
	font-weight: 760;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: #aab0bf;
}

.nk-ar__sections select {
	font: inherit;
	font-size: 13.5px;
	padding: 7px 10px;
	border: 0;
	background: #fff;
	color: var(--nk-ink);
	max-width: 260px;
}

.nk-ar__fullscreen {
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-weight: 740;
	letter-spacing: .04em;
	border-bottom: 2px solid var(--nk-orange);
	padding-bottom: 2px;
	white-space: nowrap;
}

.nk-ar__frame {
	display: block;
	width: 100%;
	height: min(78vh, 900px);
	border: 1px solid #10131f1f;
	border-top: 0;
	background: #fff;
}

.nk-ar__download--view {
	background: var(--nk-orange);
	color: var(--nk-ink);
	box-shadow: 6px 6px 0 var(--nk-ink);
}

.nk-ar__download--view:hover {
	color: var(--nk-ink);
	box-shadow: 3px 3px 0 var(--nk-ink);
}

@media (max-width: 700px) {
	.nk-ar__viewerbar-left strong { max-width: 100%; }
	.nk-ar__frame { height: 72vh; }
}