/* Publiczne centrum wsparcia (/support/) — wspólne klasy z panelem, bez .client-panel */
.support-public-page-main{
	padding:24px 0 0;
	text-align:left;
}
.support-public{
	--support-accent:#6757ae;
	--support-accent-soft:#f4f1ff;
	--support-line:#e1e8e9;
	--support-muted:#7f8e90;
	--support-text:#405255;
	--support-dark:#1a2b2e;
	max-width:var(--layout-max-width,1200px);
	margin:0 auto;
	padding:28px 20px 48px;
	box-sizing:border-box;
	text-align:left;
}
.support-public .panel-support-head{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:20px;
	text-align:left;
}
.support-public .panel-support-head>div{
	flex:1;
	min-width:0;
	max-width:760px;
	text-align:left;
}
.support-public .panel-support-head>div>span,
.support-public .panel-support-head h1,
.support-public .panel-support-head p{
	display:block;
	text-align:left;
}
.support-public .panel-support-compose>header,
.support-public .panel-support-reply>header{
	text-align:left;
}
.support-public .panel-support-compose>header>span,
.support-public .panel-support-compose>header h2,
.support-public .panel-support-compose>header p,
.support-public .panel-support-reply>header>span,
.support-public .panel-support-reply>header h2,
.support-public .panel-support-reply>header p{
	display:block;
	text-align:left;
}
.support-public .panel-support-compose>header h2,
.support-public .panel-support-reply>header h2{
	font-size:20px;
}
.support-public .panel-support-page{
	border-top:3px solid #7667bf;
	padding:22px 20px 24px;
	border:1px solid var(--support-line);
	border-radius:14px;
	background:#fff;
	box-shadow:0 12px 40px rgba(8,29,33,.06);
}
.support-public .panel-support-head>a{
	display:inline-flex;
	align-items:center;
	gap:7px;
	flex:0 0 auto;
	min-height:40px;
	padding:0 14px;
	border:1px solid #dcd7f1;
	border-radius:9px;
	color:#5d4ca3;
	background:var(--support-accent-soft);
	font-size:12px;
	font-weight:700;
	text-decoration:none;
}
.support-public .panel-support-head>a:hover{
	border-color:#bdb3e6;
	color:#493a8a;
	background:#ebe6ff;
}
.support-public .panel-support-ticket-list>a{
	display:grid;
	align-items:center;
	min-height:53px;
	padding:9px 11px;
	grid-template-columns:130px minmax(0,1fr) auto 22px;
	gap:12px;
	border:1px solid #e2e9ea;
	border-radius:10px;
	color:var(--support-text);
	background:#fff;
	text-decoration:none;
	transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.support-public .panel-support-ticket-list>a:hover{
	border-color:#c3b9e8;
	box-shadow:0 7px 18px rgba(8,29,33,.06);
	transform:translateY(-1px);
}
.support-public .panel-support-form-grid input,
.support-public .panel-support-form-grid select,
.support-public .panel-support-form-grid textarea{
	width:100%;
	min-height:42px;
	margin:0;
	padding:10px 12px;
	border:1px solid #ccd8d9;
	border-radius:9px;
	color:var(--support-text);
	background:#fff;
	font:14px/1.4 "Segoe UI",Verdana,Arial,sans-serif;
	text-transform:none;
	box-sizing:border-box;
}
.support-public .panel-support-form-grid textarea{
	min-height:140px;
	resize:vertical;
}
.support-public .panel-support-form-grid input:focus,
.support-public .panel-support-form-grid select:focus,
.support-public .panel-support-form-grid textarea:focus{
	border-color:#8d7bd2;
	outline:3px solid rgba(118,103,191,.12);
}
.support-public .panel-support-form>footer button,
.support-public .support-public-btn{
	min-height:42px;
	padding:0 18px;
	border:0;
	border-radius:9px;
	color:#fff;
	background:var(--support-accent);
	font-size:13px;
	font-weight:700;
	cursor:pointer;
	box-shadow:0 8px 18px rgba(103,87,174,.18);
}
.support-public .panel-support-form>footer button:hover,
.support-public .support-public-btn:hover{
	background:#554496;
}
.support-public .panel-support-head h1{
	font-size:28px;
}
.support-public .panel-support-head>div>span,
.support-public .panel-support-compose>header>span,
.support-public .panel-support-reply>header>span{
	font-size:11px;
}
.support-public .panel-support-head p,
.support-public .panel-support-compose>header p,
.support-public .panel-support-reply>header p{
	font-size:14px;
}
.support-public .panel-support-form-section>header{
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	gap:12px;
	text-align:left;
}
.support-public .panel-support-form-section>header>div{
	flex:1;
	min-width:0;
	text-align:left;
}
.support-public .panel-support-form-section>header>span{
	width:28px;
	height:28px;
	flex:0 0 28px;
	font-size:11px;
	font-weight:800;
}
.support-public .panel-support-form-section>header h3{
	margin:0;
	color:var(--support-dark);
	font:700 18px/1.25 Arial,sans-serif;
	text-align:left;
}
.support-public .panel-support-form-section>header p{
	margin:3px 0 0;
	color:#7a8789;
	font-size:12px;
	line-height:1.45;
	font-weight:400;
	text-transform:none;
	letter-spacing:normal;
	text-align:left;
}
.support-public .panel-support-form-grid label{
	font-size:12px;
}
.support-public .panel-support-form>footer>span{
	font-size:12px;
}
.support-public .panel-support-ticket-meta>div{
	padding:14px 16px;
	gap:6px;
}
.support-public .panel-support-ticket-meta span{
	font-size:11px;
	letter-spacing:.08em;
}
.support-public .panel-support-ticket-meta strong{
	font-size:15px;
	font-weight:700;
	white-space:normal;
}
.support-public .panel-support-conversation{
	gap:14px;
}
.support-public .panel-support-message{
	width:min(92%,820px);
}
.support-public .panel-support-message>header{
	padding:14px 16px;
}
.support-public .panel-support-message>header strong{
	font-size:16px;
	font-weight:700;
}
.support-public .panel-support-message>header span,
.support-public .panel-support-message time{
	font-size:12px;
}
.support-public .panel-support-message-body{
	padding:16px 18px;
	font-size:15px;
	line-height:1.65;
}
.support-public .panel-support-message>footer{
	padding:0 16px 14px;
	gap:8px;
	flex-wrap:wrap;
}
.support-public .panel-support-message>footer span{
	padding:6px 10px;
	font-size:12px;
	font-weight:700;
}
.support-public .panel-support-ticket .panel-support-reply>header h2{
	font-size:20px;
}
.support-public .panel-support-ticket .panel-support-reply>header p{
	font-size:14px;
}
.support-public-aside{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:16px;
	margin-bottom:22px;
}
.support-public-card{
	padding:18px 18px 20px;
	border:1px solid var(--support-line);
	border-radius:13px;
	background:#fafcfc;
}
.support-public-card h2{
	margin:0 0 8px;
	color:var(--support-dark);
	font:700 16px/1.3 Arial,sans-serif;
}
.support-public-card p{
	margin:0 0 12px;
	color:var(--support-muted);
	font-size:13px;
	line-height:1.5;
}
.support-public-card a.support-public-link{
	color:var(--support-accent);
	font-size:13px;
	font-weight:700;
	text-decoration:none;
}
.support-public-card a.support-public-link:hover{
	text-decoration:underline;
}
.support-public-ticket-open{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	align-items:center;
}
.support-public-ticket-open input{
	flex:1 1 180px;
	min-height:42px;
	padding:10px 12px;
	border:1px solid #ccd8d9;
	border-radius:9px;
	font:14px Verdana,Arial,sans-serif;
}
.support-public .panel-support-form>footer button,
.support-public .support-public-btn{
	text-align:center;
}
.support-public-banner{
	margin-bottom:20px;
	padding:14px 16px;
	border:1px solid #dcd7f1;
	border-radius:11px;
	background:var(--support-accent-soft);
	font-size:13px;
	line-height:1.5;
	color:#493a8a;
}
.support-public-banner a{
	color:#493a8a;
	font-weight:700;
}
.support-public-recaptcha{
	margin-top:4px;
}
.support-public-feedback{
	padding:16px 18px;
	border:1px solid #c8e6c9;
	border-radius:11px;
	background:#f1f8f2;
	color:#2e5d32;
	font-size:14px;
	line-height:1.5;
}
.support-public-feedback b{
	color:#1b4332;
}
.site-utility-nav a.is-current{
	font-weight:700;
	text-decoration:underline;
}
@media (max-width:900px){
	.support-public-aside{
		grid-template-columns:1fr;
	}
	.support-public .panel-support-ticket-list>a{
		grid-template-columns:1fr;
		gap:6px;
	}
	.support-public .panel-support-form-grid{
		grid-template-columns:1fr;
	}
	.support-public .panel-support-ticket-meta{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}
