
:root {
	--adn-blue: #174ea6;
	--adn-deep: #0b2e59;
	--adn-bright: #2563eb;
	--adn-soft: #e8f0fe;
	--adn-border: #dbe4f0;
	--adn-text: #172033;
	--adn-muted: #62708a;
	--adn-success: #147d49;
	--adn-warning: #b35c00;
	--adn-danger: #b42318;
}
.adn-support-portal,
.adn-support-portal * { box-sizing: border-box; }
.adn-support-portal {
	max-width: 1240px;
	margin: 0 auto;
	padding: 36px 18px 80px;
	color: var(--adn-text);
	font-family: inherit;
}
.adn-support-hero {
	position: relative;
	overflow: hidden;
	padding: clamp(34px,6vw,72px);
	border-radius: 28px;
	background: linear-gradient(135deg,var(--adn-deep),var(--adn-blue) 58%,var(--adn-bright));
	color: #fff;
	box-shadow: 0 24px 70px rgba(11,46,89,.2);
}
.adn-support-hero:after {
	content:"";
	position:absolute;
	width:340px;height:340px;
	right:-100px;top:-140px;
	border-radius:50%;
	background:rgba(255,255,255,.09);
}
.adn-support-kicker,
.adn-support-section-heading span {
	display:inline-flex;
	font-size:12px;
	font-weight:800;
	letter-spacing:.16em;
	text-transform:uppercase;
}
.adn-support-hero h1 {
	max-width:860px;
	margin:12px 0 16px;
	font-size:clamp(32px,5vw,58px);
	line-height:1.08;
	color:#fff;
}
.adn-support-hero p {
	max-width:760px;
	margin:0;
	font-size:18px;
	line-height:1.7;
	color:rgba(255,255,255,.9);
}
.adn-support-stat-row {
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	margin-top:26px;
}
.adn-support-stat-row span {
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:10px 14px;
	border:1px solid rgba(255,255,255,.28);
	border-radius:999px;
	background:rgba(255,255,255,.1);
	font-size:13px;
}
.adn-support-nav {
	position:sticky;
	top:32px;
	z-index:20;
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin:18px 0 28px;
	padding:10px;
	border:1px solid var(--adn-border);
	border-radius:16px;
	background:rgba(255,255,255,.94);
	box-shadow:0 10px 35px rgba(21,39,72,.08);
	backdrop-filter:blur(12px);
}
.adn-support-nav a {
	padding:10px 15px;
	border-radius:10px;
	color:var(--adn-deep);
	font-size:14px;
	font-weight:750;
	text-decoration:none;
}
.adn-support-nav a:hover { background:var(--adn-soft); color:var(--adn-blue); }
.adn-support-layout {
	display:grid;
	grid-template-columns:minmax(0,1fr) 310px;
	gap:28px;
	align-items:start;
}
.adn-support-layout main { display:grid; gap:28px; }
.adn-support-layout aside {
	position:sticky;
	top:110px;
	display:grid;
	gap:18px;
}
.adn-support-card,
.adn-support-side-card,
.adn-ticket-detail,
.adn-ticket-thread {
	border:1px solid var(--adn-border);
	border-radius:22px;
	background:#fff;
	box-shadow:0 14px 44px rgba(32,56,95,.07);
}
.adn-support-card { padding:clamp(22px,4vw,38px); }
.adn-support-side-card { padding:24px; }
.adn-support-side-card h3 { margin:0 0 12px; color:var(--adn-deep); }
.adn-support-side-card p,
.adn-support-side-card li { color:var(--adn-muted); line-height:1.65; }
.adn-support-side-card ul { margin:0; padding-left:20px; }
.adn-support-side-card a { color:var(--adn-blue); }
.adn-support-email {
	display:inline-block;
	padding:10px 12px;
	border-radius:10px;
	background:var(--adn-soft);
	font-weight:750;
	text-decoration:none;
}
.adn-support-section-heading {
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(240px,.7fr);
	gap:24px;
	align-items:end;
	margin-bottom:26px;
}
.adn-support-section-heading span { color:var(--adn-blue); }
.adn-support-section-heading h2 {
	margin:6px 0 0;
	font-size:clamp(25px,4vw,38px);
	line-height:1.16;
	color:var(--adn-deep);
}
.adn-support-section-heading p {
	margin:0;
	color:var(--adn-muted);
	line-height:1.65;
}
.adn-support-form label,
.adn-reply-card label {
	display:grid;
	gap:7px;
	color:var(--adn-deep);
	font-size:14px;
	font-weight:700;
}
.adn-support-form input,
.adn-support-form select,
.adn-support-form textarea,
.adn-reply-card textarea,
.adn-public-search input,
.adn-public-search select {
	width:100%;
	min-height:46px;
	padding:11px 13px;
	border:1px solid #cbd7e6;
	border-radius:11px;
	background:#fff;
	color:var(--adn-text);
	font:inherit;
	font-weight:500;
}
.adn-support-form textarea,
.adn-reply-card textarea { resize:vertical; line-height:1.6; }
.adn-support-form input:focus,
.adn-support-form select:focus,
.adn-support-form textarea:focus,
.adn-reply-card textarea:focus,
.adn-public-search input:focus,
.adn-public-search select:focus {
	outline:3px solid rgba(37,99,235,.15);
	border-color:var(--adn-bright);
}
.adn-support-grid {
	display:grid;
	gap:18px;
	margin-bottom:18px;
}
.adn-support-grid--2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.adn-support-grid--3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.adn-support-grid-full { grid-column:1/-1; }
.adn-support-help { margin:0 0 20px; color:var(--adn-muted); font-size:14px; }
.adn-support-help a { color:var(--adn-blue); font-weight:700; }
.adn-support-visibility {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:12px;
	margin:22px 0;
	padding:0;
	border:0;
}
.adn-support-visibility legend {
	grid-column:1/-1;
	margin-bottom:8px;
	color:var(--adn-deep);
	font-weight:800;
}
.adn-support-visibility label {
	display:grid;
	grid-template-columns:auto 1fr;
	gap:2px 10px;
	padding:16px;
	border:1px solid var(--adn-border);
	border-radius:14px;
	background:#f9fbfe;
	cursor:pointer;
}
.adn-support-visibility input { grid-row:1/3; width:auto; min-height:auto; margin-top:3px; }
.adn-support-visibility span { color:var(--adn-muted); font-size:13px; font-weight:500; line-height:1.5; }
.adn-support-consent {
	display:flex!important;
	grid-template-columns:none!important;
	flex-direction:row;
	align-items:flex-start;
	gap:10px!important;
	margin:18px 0;
	padding:14px;
	border-radius:12px;
	background:#fff8e8;
	color:#754600!important;
	line-height:1.55;
}
.adn-support-consent input { width:auto; min-height:auto; margin-top:4px; }
.adn-support-button,
.adn-support-form button,
.adn-public-search button,
.adn-ticket-actions button {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:46px;
	padding:12px 20px;
	border:0;
	border-radius:11px;
	background:linear-gradient(135deg,var(--adn-blue),var(--adn-bright));
	color:#fff!important;
	font:inherit;
	font-weight:800;
	text-decoration:none;
	cursor:pointer;
	box-shadow:0 10px 24px rgba(37,99,235,.2);
}
.adn-support-button:hover,
.adn-support-form button:hover,
.adn-public-search button:hover,
.adn-ticket-actions button:hover { transform:translateY(-1px); filter:brightness(1.03); }
.adn-support-honeypot { position:absolute!important; left:-9999px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.adn-support-notice {
	margin:18px 0;
	padding:14px 18px;
	border-radius:12px;
	font-weight:700;
}
.adn-support-notice--success { background:#e9f8ef; color:#12643b; border:1px solid #bce7cc; }
.adn-support-notice--error { background:#fff0ef; color:#8f1d18; border:1px solid #f1c1bd; }
.adn-public-search {
	display:grid;
	grid-template-columns:1fr 230px auto;
	gap:10px;
	margin-bottom:20px;
}
.adn-ticket-list { display:grid; gap:12px; }
.adn-ticket-row {
	display:grid;
	grid-template-columns:minmax(0,1fr) 150px;
	gap:20px;
	padding:18px;
	border:1px solid var(--adn-border);
	border-radius:15px;
	color:inherit;
	text-decoration:none;
	transition:.2s ease;
}
.adn-ticket-row:hover { transform:translateY(-2px); border-color:#aac2e8; box-shadow:0 12px 28px rgba(31,70,127,.1); }
.adn-ticket-row-meta { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:6px; }
.adn-ticket-row-meta span {
	padding:4px 8px;
	border-radius:999px;
	background:var(--adn-soft);
	color:var(--adn-blue);
	font-size:11px;
	font-weight:800;
}
.adn-ticket-row h3 { margin:0 0 5px; color:var(--adn-deep); font-size:18px; }
.adn-ticket-row p { margin:0; color:var(--adn-muted); line-height:1.55; }
.adn-ticket-row-side { display:flex; flex-direction:column; align-items:flex-end; gap:7px; text-align:right; }
.adn-ticket-row-side small { color:var(--adn-muted); }
.adn-status {
	display:inline-flex;
	padding:6px 10px;
	border-radius:999px;
	background:#edf2f8;
	color:#465670;
	font-size:12px;
	font-weight:800;
}
.adn-status--open,
.adn-status--customer_reply { background:#fff3db; color:#8a4b00; }
.adn-status--in_progress { background:#e8f0fe; color:#174ea6; }
.adn-status--awaiting_reply { background:#f0ebff; color:#6742b8; }
.adn-status--resolved { background:#e6f7ed; color:#147d49; }
.adn-status--closed { background:#edf0f3; color:#56606f; }
.adn-support-empty {
	padding:24px;
	border:1px dashed #bdcce0;
	border-radius:14px;
	background:#f8fafc;
	color:var(--adn-muted);
	text-align:center;
}
.adn-ticket-toolbar {
	display:flex;
	justify-content:space-between;
	gap:14px;
	margin:20px 0 14px;
}
.adn-ticket-toolbar a { color:var(--adn-blue); font-weight:750; text-decoration:none; }
.adn-ticket-detail { overflow:hidden; }
.adn-ticket-detail > header {
	position:relative;
	padding:30px;
	background:linear-gradient(135deg,#f2f6fd,#fff);
	border-bottom:1px solid var(--adn-border);
}
.adn-ticket-detail h2 { margin:10px 0 8px; color:var(--adn-deep); font-size:clamp(26px,4vw,42px); }
.adn-ticket-detail-meta { display:flex; flex-wrap:wrap; gap:7px; }
.adn-ticket-detail-meta span { padding:5px 9px; border-radius:999px; background:var(--adn-soft); color:var(--adn-blue); font-size:12px; font-weight:800; }
.adn-ticket-author { margin-bottom:15px; color:var(--adn-muted); }
.adn-ticket-message { padding:30px; color:#26344a; font-size:16px; line-height:1.75; }
.adn-ticket-private-details {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:10px 20px;
	margin:0 30px 30px;
	padding:18px;
	border-radius:14px;
	background:#f8fafc;
	border:1px solid var(--adn-border);
}
.adn-ticket-private-details strong { grid-column:1/-1; color:var(--adn-deep); }
.adn-ticket-private-details span { color:var(--adn-muted); }
.adn-ticket-thread { margin-top:22px; padding:28px; }
.adn-ticket-thread > h2 { margin:0 0 18px; color:var(--adn-deep); }
.adn-ticket-reply {
	margin:14px 0;
	padding:20px;
	border:1px solid var(--adn-border);
	border-radius:15px;
	background:#fff;
}
.adn-ticket-reply--staff { border-left:5px solid var(--adn-bright); background:#f7faff; }
.adn-ticket-reply header {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:8px;
	margin-bottom:10px;
}
.adn-ticket-reply header span { padding:4px 8px; border-radius:999px; background:var(--adn-blue); color:#fff; font-size:11px; font-weight:800; }
.adn-ticket-reply time { margin-left:auto; color:var(--adn-muted); font-size:12px; }
.adn-ticket-reply div { color:#26344a; line-height:1.7; }
.adn-reply-card { margin-top:22px; }
.adn-reply-card h2 { margin-top:0; color:var(--adn-deep); }
.adn-reply-card textarea { margin-bottom:12px; }
.adn-ticket-actions { display:flex; justify-content:flex-end; margin-top:15px; }
.adn-ticket-actions form { margin:0; }
@media (max-width: 960px) {
	.adn-support-layout { grid-template-columns:1fr; }
	.adn-support-layout aside { position:static; grid-template-columns:repeat(3,minmax(0,1fr)); }
	.adn-support-section-heading { grid-template-columns:1fr; align-items:start; }
}
@media (max-width: 720px) {
	.adn-support-portal { padding-left:12px; padding-right:12px; }
	.adn-support-hero { border-radius:20px; }
	.adn-support-nav { position:static; }
	.adn-support-grid--2,
	.adn-support-grid--3,
	.adn-support-visibility,
	.adn-support-layout aside,
	.adn-ticket-private-details { grid-template-columns:1fr; }
	.adn-public-search { grid-template-columns:1fr; }
	.adn-ticket-row { grid-template-columns:1fr; }
	.adn-ticket-row-side { align-items:flex-start; text-align:left; }
	.adn-ticket-reply time { margin-left:0; width:100%; }
}
@media print {
	.adn-support-hero,.adn-support-nav,.adn-support-layout aside,.adn-reply-card,.adn-ticket-actions { display:none!important; }
	.adn-support-portal { max-width:none; padding:0; }
	.adn-ticket-detail,.adn-ticket-thread { box-shadow:none; }
}
