:root{
	--panel-dark:#102326;
	--panel-dark-soft:#19363a;
	--panel-orange:#ed9f0f;
	--panel-orange-dark:#d88e05;
	--panel-teal:#3fb3c2;
	--panel-bg:#eef3f3;
	--panel-card:#fff;
	--panel-text:#253538;
	--panel-muted:#718083;
	--panel-line:#dce5e6;
	--panel-shadow:0 12px 35px rgba(8,29,33,.08);
	--panel-layout-max-width:var(--layout-max-width,1200px);
}

body.client-panel{
	min-height:100vh;
	color:var(--panel-text);
	background:var(--panel-bg);
	font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	font-size:15px;
	line-height:1.5;
}
.client-panel *,
.client-panel *::before,
.client-panel *::after{
	box-sizing:border-box;
}
.client-panel .panel-hidden{
	display:none;
}
.client-panel #wrapper{
	min-height:100vh;
	background:none;
	text-align:left;
}
.client-panel #top,
.client-panel .dropmenudiv,
.client-panel .dropmenudiv2{
	display:none!important;
}

/* Górna belka aplikacji */
.panel-appbar{
	position:relative;
	z-index:1100;
	height:auto;
	border-bottom:1px solid rgba(16,35,38,.08);
	background:rgba(255,255,255,.98);
	box-shadow:0 8px 30px rgba(8,29,33,.06);
}
.client-panel .panel-appbar-utility.site-header-utility{
	height:36px;
	color:#d8e2e3;
	background:var(--panel-dark);
}
.client-panel .panel-appbar-utility-inner.site-header-container{
	width:min(var(--panel-layout-max-width),calc(100% - 40px));
}
.panel-appbar-inner{
	display:flex;
	align-items:center;
	width:min(var(--panel-layout-max-width),calc(100% - 40px));
	min-height:90px;
	margin:0 auto;
}
.panel-app-brand{
	flex:0 0 auto;
}
.client-panel .panel-appbar .site-brand-copy strong{
	color:#17282b;
	font-family:Arial,sans-serif;
	font-size:22px;
	font-weight:800;
	letter-spacing:-.8px;
	line-height:1;
}
.client-panel .panel-appbar .site-brand-copy strong span{
	color:var(--panel-orange);
}
.client-panel .panel-appbar .site-brand-copy small{
	color:#778487;
	font-family:Arial,sans-serif;
	font-size:8px;
	font-weight:700;
	letter-spacing:.15em;
	line-height:1;
	text-transform:uppercase;
}
.panel-appbar-nav{
	display:flex;
	align-self:stretch;
	gap:4px;
	margin-left:65px;
}
.panel-appbar-nav a{
	position:relative;
	display:flex;
	align-items:center;
	padding:0 13px;
	color:#526164;
	font-size:14px;
	font-weight:700;
	text-decoration:none;
}
.panel-appbar-nav a:hover,
.panel-appbar-nav a.is-current{
	color:var(--panel-dark);
}
.panel-appbar-nav a.is-current::after{
	content:"";
	position:absolute;
	left:13px;
	right:13px;
	bottom:0;
	height:3px;
	border-radius:3px 3px 0 0;
	background:var(--panel-orange);
}
.panel-appbar-actions{
	display:flex;
	align-items:center;
	gap:12px;
	margin-left:auto;
}
.panel-appbar-site{
	color:#607073;
	font-size:13px;
	font-weight:700;
	text-decoration:none;
}
.panel-appbar-site span{
	margin-left:4px;
	color:var(--panel-orange-dark);
	font-size:14px;
}
.panel-user-menu{
	display:flex;
	align-items:center;
	gap:9px;
	padding:6px 7px 6px 6px;
	border:1px solid var(--panel-line);
	border-radius:14px;
	background:#fff;
}
.panel-user-avatar{
	display:flex;
	align-items:center;
	justify-content:center;
	width:36px;
	height:36px;
	border-radius:11px;
	color:#fff;
	background:var(--panel-dark);
	font-size:14px;
	font-weight:800;
}
.panel-user-copy{
	display:flex;
	flex-direction:column;
	max-width:170px;
}
.panel-user-copy strong,
.panel-user-copy small{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.panel-user-copy strong{
	color:var(--panel-dark);
	font-size:13px;
}
.panel-user-copy small{
	margin-top:2px;
	color:var(--panel-muted);
	font-size:11px;
}
.panel-logout{
	margin-left:4px;
	padding:7px 9px;
	border-radius:8px;
	color:#8a5a00;
	background:#fff5dd;
	font-size:11px;
	font-weight:800;
	text-decoration:none;
	text-transform:uppercase;
}
.panel-logout:hover{
	color:#fff;
	background:var(--panel-orange-dark);
}
.panel-nav-toggle{
	display:none;
}

/* Powłoka panelu */
.client-panel #page{
	display:grid;
	grid-template-columns:260px minmax(0,1fr);
	column-gap:25px;
	align-items:start;
	width:min(var(--panel-layout-max-width),calc(100% - 40px));
	max-width:none;
	min-height:calc(100vh - 225px);
	margin:26px auto 0;
	padding:0;
}
.client-panel #leftside{
	position:sticky;
	top:20px;
	display:flex;
	flex-direction:column;
	grid-column:1;
	grid-row:1;
	float:none;
	width:260px;
	padding:14px;
	border-radius:20px;
	background:var(--panel-dark);
	box-shadow:0 18px 40px rgba(8,29,33,.14);
}
.client-panel #leftside .panel-sidebar{
	flex:1;
	min-height:0;
}
.panel-sidebar{
	display:flex;
	flex-direction:column;
	gap:12px;
}
.panel-sidebar-nav{
	display:flex;
	flex-direction:column;
	gap:14px;
}
.panel-sidebar-group{
	margin:0;
}
.panel-sidebar-group-title{
	margin:0 0 6px;
	padding:0 6px;
	color:#8fa3a5;
	font-size:10px;
	font-weight:800;
	letter-spacing:.12em;
	text-transform:uppercase;
}
.panel-sidebar-group ul{
	display:flex;
	margin:0;
	padding:0;
	flex-direction:column;
	gap:2px;
	list-style:none;
}
.panel-sidebar-group li{
	margin:0;
}
.panel-sidebar-link{
	display:flex;
	align-items:center;
	gap:10px;
	padding:9px 10px;
	border-radius:10px;
	color:#d7e1e2;
	font-size:14px;
	font-weight:600;
	line-height:1.3;
	text-decoration:none;
	transition:color .2s ease,background .2s ease,transform .2s ease;
}
.panel-sidebar-icon{
	flex:0 0 auto;
	width:18px;
	height:18px;
	border-radius:5px;
	background:rgba(255,255,255,.12);
	opacity:.95;
	-webkit-mask-size:14px;
	-webkit-mask-position:center;
	-webkit-mask-repeat:no-repeat;
	mask-size:14px;
	mask-position:center;
	mask-repeat:no-repeat;
}
.panel-sidebar-footer{
	margin-top:auto;
	padding-top:12px;
	border-top:1px solid rgba(255,255,255,.1);
}
.panel-sidebar-link--external{
	color:#b8c6c7;
	font-size:13px;
	font-weight:600;
}
.panel-sidebar-link--external:hover{
	color:#fff;
}
.panel-breadcrumb{
	margin:0 0 14px;
	padding:10px 14px;
	border:1px solid var(--panel-line);
	border-radius:12px;
	background:#f7fafb;
}
.panel-breadcrumb ol{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:4px 0;
	margin:0;
	padding:0;
	list-style:none;
}
.panel-breadcrumb li{
	display:flex;
	align-items:center;
	color:#7a9093;
	font-size:12px;
	font-weight:600;
	line-height:1.35;
}
.panel-breadcrumb li+li::before{
	content:"/";
	margin:0 7px;
	color:#c5d3d4;
	font-weight:500;
}
.panel-breadcrumb a{
	color:#126d78;
	text-decoration:none;
}
.panel-breadcrumb a:hover{
	color:var(--panel-orange-dark);
	text-decoration:underline;
}
.panel-breadcrumb span[aria-current="page"]{
	color:var(--panel-dark);
	font-weight:800;
}
.panel-sidebar-label{
	min-width:0;
}
.panel-sidebar-link:hover{
	color:#fff;
	background:rgba(255,255,255,.08);
	transform:translateX(2px);
}
.panel-sidebar-link.is-current{
	color:#17282b;
	background:var(--panel-orange);
	font-weight:800;
}
.panel-sidebar-link.is-current .panel-sidebar-icon{
	background:rgba(23,40,43,.18);
}
.panel-sidebar-link[data-nav="index"] .panel-sidebar-icon{
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 10.5 12 4l8 6.5V20a1 1 0 0 1-1 1h-5v-6H10v6H5a1 1 0 0 1-1-1v-9.5Z'/%3E%3C/svg%3E") center/14px no-repeat;
	background:#c5d3d4;
}
.panel-sidebar-link[data-nav="zamowienia"] .panel-sidebar-icon{
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v2H4V7Zm0 4h16v6a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-6Z'/%3E%3C/svg%3E") center/14px no-repeat;
	background:#c5d3d4;
}
.panel-sidebar-link[data-nav="faktury"] .panel-sidebar-icon{
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 3h8l4 4v14a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm7 1.5V8h3.5'/%3E%3C/svg%3E") center/14px no-repeat;
	background:#c5d3d4;
}
.panel-sidebar-link[data-nav="support"] .panel-sidebar-icon{
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 5a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-5.1L9 18.6V15H7a3 3 0 0 1-3-3V5Z'/%3E%3C/svg%3E") center/14px no-repeat;
	background:#c5d3d4;
}
.panel-sidebar-link[data-nav="konto"] .panel-sidebar-icon,
.panel-sidebar-link[data-nav="umowa"] .panel-sidebar-icon{
	mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 12a4 4 0 1 0-4-4 4 4 0 0 0 4 4Zm-7 8a7 7 0 0 1 14 0v1H5Z'/%3E%3C/svg%3E");
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 12a4 4 0 1 0-4-4 4 4 0 0 0 4 4Zm-7 8a7 7 0 0 1 14 0v1H5Z'/%3E%3C/svg%3E");
	background:#c5d3d4;
}
.panel-sidebar-link[data-nav="edycja"] .panel-sidebar-icon{
	mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 20h4l10.3-10.3a1 1 0 0 0 0-1.4l-2.6-2.6a1 1 0 0 0-1.4 0L4 16v4Zm14.7-9.6 1.4-1.4-2.6-2.6-1.4 1.4 2.6 2.6Z'/%3E%3C/svg%3E");
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 20h4l10.3-10.3a1 1 0 0 0 0-1.4l-2.6-2.6a1 1 0 0 0-1.4 0L4 16v4Zm14.7-9.6 1.4-1.4-2.6-2.6-1.4 1.4 2.6 2.6Z'/%3E%3C/svg%3E");
	background:#c5d3d4;
}
.panel-sidebar-link[data-nav="haslo"] .panel-sidebar-icon{
	mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 10V8a5 5 0 0 1 10 0v2h1a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h1Zm2 0h6V8a3 3 0 0 0-6 0v2Z'/%3E%3C/svg%3E");
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 10V8a5 5 0 0 1 10 0v2h1a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h1Zm2 0h6V8a3 3 0 0 0-6 0v2Z'/%3E%3C/svg%3E");
	background:#c5d3d4;
}
.panel-sidebar-link[data-nav="domeny"] .panel-sidebar-icon{
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2Zm7.9 9h-3.35a16 16 0 0 0-1.2-4.7A8 8 0 0 1 19.9 11ZM12 4a14 14 0 0 1 2 6H10a14 14 0 0 1 2-6Zm-3.35 1.3A16 16 0 0 0 7.45 11H4.1a8 8 0 0 1 4.55-5.7ZM4.1 13h3.35a16 16 0 0 0 1.2 4.7A8 8 0 0 1 4.1 13Zm4.55 5.7A16 16 0 0 0 10 13h4a14 14 0 0 1-2 5.7 8 8 0 0 1-3.35 0ZM16.55 17.7a16 16 0 0 0 1.2-4.7h3.35a8 8 0 0 1-4.55 4.7Z'/%3E%3C/svg%3E") center/14px no-repeat;
	background:#c5d3d4;
}
.panel-sidebar-link[data-nav="pakiety"] .panel-sidebar-icon,
.panel-sidebar-link[data-nav="dedykowane"] .panel-sidebar-icon,
.panel-sidebar-link[data-nav="konta"] .panel-sidebar-icon{
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v3H4V6Zm0 5h16v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-7Z'/%3E%3C/svg%3E") center/14px no-repeat;
	background:#c5d3d4;
}
.panel-sidebar-link[data-nav="wyloguj"] .panel-sidebar-icon{
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 4h2v16h-2V4ZM4 12 4 8.5A2.5 2.5 0 0 1 6.5 6H11v2H6.5v8H11v2H6.5A2.5 2.5 0 0 1 4 15.5V12Zm11.8 0-1.4-1.4L20.2 12l-5.8 5.8-1.4-1.4L16.2 13H13v-2h3.2l-2.4-2.4Z'/%3E%3C/svg%3E") center/14px no-repeat;
	background:#c5d3d4;
}
.panel-sidebar-link[data-nav="admin"] .panel-sidebar-icon{
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2 4 5v6c0 5 3.4 9.7 8 11 4.6-1.3 8-6 8-11V5l-8-3Zm0 6a3 3 0 1 1-3 3 3 3 0 0 1 3-3Z'/%3E%3C/svg%3E") center/14px no-repeat;
	background:#c5d3d4;
}
.panel-sidebar-link[data-nav="link"] .panel-sidebar-icon,
.panel-sidebar-link:not([data-nav]) .panel-sidebar-icon{
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10.6 8.4 9.2 7l-1.4 1.4 1.4 1.4 1.4-1.4Zm8.5 8.5-1.4 1.4-1.4-1.4 1.4-1.4 1.4 1.4ZM14 4h-4v2h4V4Zm0 14h-4v2h4v-2ZM4 10v4h2v-4H4Zm14 0v4h2v-4h-2Z'/%3E%3C/svg%3E") center/14px no-repeat;
	background:#c5d3d4;
}
.panel-sidebar-link.is-current .panel-sidebar-icon{
	background:#17282b;
}
.client-panel #leftside .frame{
	float:none;
	width:100%;
	margin:0 0 10px;
	border:0;
	border-radius:13px;
	background:rgba(255,255,255,.045);
	box-shadow:none;
	overflow:hidden;
}
.client-panel #leftside .frame .wb{
	padding:10px;
	border:0;
	background:none;
}
.client-panel #leftside .frame b.pg,
.client-panel #leftside .frame b.lg,
.client-panel #leftside .frame b.ld,
.client-panel #leftside .frame b.pd{
	display:none;
}
.client-panel #leftside .panel-box-title{
	padding:3px 7px 8px;
	color:#879b9d;
	font-size:11px;
	font-weight:800;
	letter-spacing:.12em;
	text-align:left;
	text-transform:uppercase;
}
.client-panel #leftside .panel-bank-box .wb{
	padding:14px;
	color:#c6d2d3;
}
.client-panel #leftside .panel-bank-box .panel-box-title{
	padding:0 0 10px;
	color:#9eb1b3;
}
.panel-bank-box p{
	margin:0 0 10px;
	color:#c6d2d3;
	font-size:12px;
	line-height:1.5;
}
.panel-bank-account{
	display:block;
	color:#fff;
	font:700 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;
	letter-spacing:-.04em;
	white-space:nowrap;
}
.panel-bank-box address{
	display:flex;
	margin:12px 0 0;
	flex-direction:column;
	gap:2px;
	color:#aebfc1;
	font-size:11px;
	font-style:normal;
	line-height:1.4;
}
.panel-bank-box address b{
	color:#e5ecec;
}
.panel-bank-box dl{
	margin:13px 0 0;
	padding-top:11px;
	border-top:1px solid rgba(255,255,255,.1);
}
.panel-bank-box dl>div+div{
	margin-top:9px;
}
.panel-bank-box dt{
	color:#81979a;
	font-size:9px;
	font-weight:800;
	letter-spacing:.08em;
	text-transform:uppercase;
}
.panel-bank-box dd{
	margin:2px 0 0;
	color:#fff;
	font-size:12px;
	font-weight:700;
	line-height:1.4;
}
.client-panel #leftside .panel-sidebar-link.is-current{
	color:#17282b;
	background:var(--panel-orange);
}
.client-panel #leftside li.panel-menu-agreement,
.client-panel #leftside li:has(>a[href="/panel/wyloguj/"]){
	order:unset;
}
.client-panel #leftside br{
	display:none;
}

.client-panel #main{
	grid-column:2;
	grid-row:1;
	min-width:0;
	width:auto;
}
.client-panel #main>.frame,
.client-panel #main>form>.frame{
	float:none;
	width:100%!important;
	max-width:none;
	margin:0 0 20px;
	border:1px solid var(--panel-line);
	border-radius:17px;
	background:var(--panel-card);
	box-shadow:var(--panel-shadow);
	overflow:hidden;
}
.client-panel #main>.frame>.wb,
.client-panel #main>form>.frame>.wb{
	min-height:0;
	padding:22px;
	border:0;
	background:#fff;
}
.client-panel #main .frame b.pg,
.client-panel #main .frame b.lg,
.client-panel #main .frame b.ld,
.client-panel #main .frame b.pd{
	display:none;
}
.client-panel .panel-icon-64{
	display:none;
}
.client-panel #main>.panel-empty-state>.wb{
	display:flex;
	align-items:center;
	min-height:330px;
}
.panel-empty-state-content{
	display:grid;
	align-items:start;
	width:min(680px,100%);
	margin:0 auto;
	grid-template-columns:58px minmax(0,1fr);
	gap:20px;
}
.panel-empty-state-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:58px;
	height:58px;
	border-radius:17px;
	color:#946000;
	background:#fff0ce;
	font:900 27px/1 Arial,sans-serif;
	box-shadow:0 8px 20px rgba(237,159,15,.16);
}
.panel-empty-state-kicker{
	display:block;
	margin-bottom:6px;
	color:var(--panel-orange-dark);
	font-size:12px;
	font-weight:900;
	letter-spacing:.13em;
	text-transform:uppercase;
}
.panel-empty-state-content h1{
	margin:0;
	color:var(--panel-dark);
	font:800 26px/1.2 Arial,sans-serif;
}
.panel-empty-state-content p{
	max-width:560px;
	margin:9px 0 20px;
	color:var(--panel-muted);
	font-size:15px;
	line-height:1.6;
}
.client-panel #main .panel-empty-state-content a{
	display:inline-flex;
	align-items:center;
	gap:8px;
	min-height:44px;
	padding:0 17px;
	border-radius:10px;
	color:#17282b;
	background:var(--panel-orange);
	font-size:14px;
	font-weight:900;
	text-decoration:none;
	box-shadow:0 8px 20px rgba(237,159,15,.18);
}
.client-panel #main .panel-empty-state-content a:hover{
	color:#17282b;
	background:#ffc04a;
	transform:translateY(-1px);
}
.client-panel .panel-header-strip{
	position:relative;
	float:none;
	width:auto;
	min-height:0;
	max-width:none;
	margin:0 0 20px;
	padding:0 0 16px 17px;
	border-bottom:1px solid var(--panel-line);
}
.client-panel .panel-header-strip::before{
	content:"";
	position:absolute;
	left:0;
	top:1px;
	width:4px;
	height:27px;
	border-radius:4px;
	background:linear-gradient(180deg,var(--panel-orange),#ffc04a);
}
.client-panel .panel-header-title,
.client-panel .panel-header-centered h3{
	margin:0;
	color:var(--panel-dark);
	font:800 18px/1.3 Arial,sans-serif;
	text-align:left;
}
.client-panel .panel-header-title i{
	color:var(--panel-muted);
	font-size:14px;
	font-style:normal;
	font-weight:500;
}
.client-panel .panel-header-centered{
	margin:0 0 18px;
	padding-bottom:12px;
	border-bottom:1px solid var(--panel-line);
}
.client-panel .panel-float-right .panel-fs-12{
	display:inline-flex;
	min-height:30px;
	align-items:center;
	padding:0 10px;
	border:1px solid #dce5e6;
	border-radius:8px;
	color:#617174;
	background:#f5f8f8;
	font-size:11px;
	font-weight:800;
	text-decoration:none;
	text-transform:uppercase;
}
.client-panel #main .panel-float-right .panel-fs-12:hover{
	border-color:#a9ced2;
	color:#126d78;
	background:#f0fafb;
}

/* Usługi na pulpicie */
.panel-owned-services{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:10px;
}
.panel-owned-service{
	position:relative;
	display:grid;
	align-items:center;
	min-width:0;
	padding:14px;
	grid-template-columns:minmax(0,1fr) auto auto;
	gap:16px;
	border:1px solid #e0e9e9;
	border-left:4px solid var(--panel-teal);
	border-radius:11px;
	background:#fafcfc;
}
.panel-owned-service.is-domain{
	border-left-color:#7667bf;
	background:#faf9ff;
}
.panel-owned-service-copy{
	display:flex;
	min-width:0;
	flex-direction:column;
	gap:4px;
}
.panel-owned-service-copy>span,
.panel-owned-service-date>span{
	color:#75878a;
	font-size:11px;
	font-weight:900;
	letter-spacing:.1em;
	text-transform:uppercase;
}
.panel-owned-service-copy>strong{
	overflow:hidden;
	color:var(--panel-dark);
	font-size:17px;
	line-height:1.3;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.panel-owned-service-copy>small{
	overflow:hidden;
	color:#738386;
	font-size:13px;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.panel-owned-service-date{
	display:flex;
	min-width:90px;
	padding-left:15px;
	flex-direction:column;
	gap:4px;
	border-left:1px solid var(--panel-line);
}
.panel-owned-service-date>strong{
	color:#405255;
	font-size:15px;
	white-space:nowrap;
}
.client-panel #main .panel-owned-service>a{
	display:inline-flex;
	align-items:center;
	gap:6px;
	min-height:40px;
	padding:0 13px;
	border-radius:8px;
	color:#fff;
	background:#177b87;
	font-size:13px;
	font-weight:900;
	text-decoration:none;
}
.client-panel #main .panel-owned-service>a:hover{
	color:#fff;
	background:#116772;
}
.panel-owned-services-more{
	display:flex;
	justify-content:flex-end;
	gap:8px;
	margin-top:11px;
}
.client-panel #main .panel-owned-services-more>a{
	padding:9px 12px;
	border:1px solid var(--panel-line);
	border-radius:8px;
	color:#536669;
	background:#fff;
	font-size:13px;
	font-weight:800;
	text-decoration:none;
}

/* Sekcje pulpitu (spójne z kartami dashboardu) */
.panel-dashboard-section{
	margin-bottom:22px;
	padding:20px 22px 22px;
	border:1px solid var(--panel-line);
	border-radius:16px;
	background:#fff;
	box-shadow:var(--panel-shadow);
}
.panel-dashboard-section-head{
	position:relative;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:16px;
	margin-bottom:18px;
	padding:0 0 16px 17px;
	border-bottom:1px solid var(--panel-line);
}
.panel-dashboard-section-head::before{
	content:"";
	position:absolute;
	left:0;
	top:1px;
	width:4px;
	height:27px;
	border-radius:4px;
	background:linear-gradient(180deg,var(--panel-orange),#ffc04a);
}
.panel-dashboard-section-head .panel-float-right{
	flex:0 0 auto;
}
.panel-dashboard-section-kicker{
	display:block;
	margin-bottom:6px;
	color:var(--panel-orange-dark);
	font-size:9px;
	font-weight:800;
	letter-spacing:.14em;
	text-transform:uppercase;
}
.panel-dashboard-section-head h2{
	margin:0;
	color:var(--panel-dark);
	font:800 21px/1.25 Arial,sans-serif;
}
.panel-dashboard-section-head p{
	max-width:560px;
	margin:6px 0 0;
	color:var(--panel-muted);
	font-size:12px;
	line-height:1.5;
}
.panel-dashboard-subtitle{
	margin:0 0 12px;
	color:var(--panel-muted);
	font-size:12px;
	font-weight:800;
	letter-spacing:.08em;
	text-transform:uppercase;
}
.panel-dashboard-subtitle:not(:first-child){
	margin-top:20px;
}
.panel-dashboard-section--alert{
	border-left:4px solid #d88e05;
	background:#fffdf8;
}
.panel-dashboard-alert-body{
	color:var(--panel-text);
	font-size:14px;
	line-height:1.55;
}
.panel-dashboard-alert-body p{
	margin:12px 0 0;
	color:var(--panel-muted);
	font-size:13px;
}
.panel-dashboard-upcoming-list{
	margin-top:2px;
}

/* Szybki wybór usług */
.client-panel #main > .panel-dashboard-section.panel-service-launcher{
	border-top:3px solid var(--panel-orange);
}
.client-panel #main > .panel-dashboard-section.panel-service-launcher-domain{
	border-top-color:var(--panel-teal);
}
.panel-dashboard-section.panel-service-launcher .panel-service-launcher-head{
	margin-bottom:19px;
	padding-bottom:17px;
	border-bottom:1px solid var(--panel-line);
}
.panel-service-launcher-head{
	position:relative;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:20px;
	margin-bottom:19px;
	padding:0 0 17px 17px;
	border-bottom:1px solid var(--panel-line);
}
.panel-service-launcher-head::before{
	content:"";
	position:absolute;
	left:0;
	top:1px;
	width:4px;
	height:27px;
	border-radius:4px;
	background:linear-gradient(180deg,var(--panel-orange),#ffc04a);
}
.panel-service-launcher-domain .panel-service-launcher-head::before{
	background:linear-gradient(180deg,var(--panel-teal),#75ccd7);
}
.panel-service-launcher-head h3{
	margin:4px 0 5px;
	color:var(--panel-dark);
	font:800 21px/1.2 Arial,sans-serif;
}
.panel-service-launcher-head p{
	margin:0;
	color:var(--panel-muted);
	font-size:11px;
	line-height:1.5;
}
.panel-service-kicker{
	color:var(--panel-orange-dark);
	font-size:8px;
	font-weight:900;
	letter-spacing:.16em;
	text-transform:uppercase;
}
.panel-service-launcher-domain .panel-service-kicker{
	color:#16818e;
}
.panel-service-launcher-head .panel-float-right{
	flex:0 0 auto;
}
.panel-service-actions{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:10px;
}
.panel-service-actions>a{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	min-width:0;
	min-height:78px;
	padding:15px;
	border:1px solid #e1e9e9;
	border-radius:12px;
	color:var(--panel-dark);
	background:#f8fafa;
	text-decoration:none;
	transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.panel-service-actions>a>span{
	display:flex;
	min-width:0;
	flex-direction:column;
	gap:5px;
}
.panel-service-actions strong{
	color:inherit;
	font-size:12px;
	line-height:1.25;
}
.panel-service-actions small{
	color:var(--panel-muted);
	font-size:9px;
	line-height:1.45;
}
.panel-service-actions>a>b{
	display:grid;
	width:27px;
	height:27px;
	flex:0 0 27px;
	place-items:center;
	border-radius:8px;
	color:#9a6500;
	background:#fff0ce;
	font:800 15px/1 Arial,sans-serif;
	transition:color .18s ease,background-color .18s ease,transform .18s ease;
}
.panel-service-launcher-domain .panel-service-actions>a>b{
	color:#167785;
	background:#e2f4f6;
}
.client-panel #main .panel-service-actions>a:hover{
	border-color:#efc56f;
	color:var(--panel-dark);
	background:#fffaf0;
	box-shadow:0 9px 24px rgba(8,29,33,.08);
	transform:translateY(-2px);
}
.client-panel #main .panel-service-launcher-domain .panel-service-actions>a:hover{
	border-color:#8bcbd3;
	background:#f3fbfc;
}
.panel-service-actions>a:hover>b{
	color:#fff;
	background:var(--panel-orange);
	transform:translateX(2px);
}
.panel-service-launcher-domain .panel-service-actions>a:hover>b{
	background:var(--panel-teal);
}

/* Listy zamówień i domen */
.client-panel #main>.panel-collection-page{
	border-top:3px solid var(--panel-teal);
}
.panel-collection-head{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:25px;
	margin-bottom:20px;
	padding-bottom:18px;
	border-bottom:1px solid var(--panel-line);
}
.panel-collection-head>div>span{
	color:#16818e;
	font-size:8px;
	font-weight:900;
	letter-spacing:.16em;
	text-transform:uppercase;
}
.panel-collection-head h1{
	margin:5px 0 6px;
	color:var(--panel-dark);
	font:800 25px/1.15 Arial,sans-serif;
}
.panel-collection-head p{
	margin:0;
	color:var(--panel-muted);
	font-size:10px;
	line-height:1.5;
}
.client-panel #main .panel-collection-head>a{
	display:inline-flex;
	align-items:center;
	gap:8px;
	flex:0 0 auto;
	min-height:39px;
	padding:0 13px;
	border-radius:10px;
	color:#102326;
	background:var(--panel-orange);
	font-size:9px;
	font-weight:900;
	text-decoration:none;
	box-shadow:0 8px 20px rgba(237,159,15,.18);
}
.client-panel #main .panel-collection-head>a:hover{
	color:#102326;
	background:#ffc04a;
	transform:translateY(-1px);
}
.panel-collection-list{
	display:flex;
	flex-direction:column;
	gap:12px;
}
.panel-collection-item{
	border:1px solid #dfe8e8;
	border-radius:14px;
	background:#fff;
	box-shadow:0 6px 18px rgba(8,29,33,.04);
	overflow:hidden;
	transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.panel-collection-item:hover{
	border-color:#bfd3d5;
	box-shadow:0 12px 28px rgba(8,29,33,.08);
	transform:translateY(-1px);
}
.panel-collection-item.is-cancelled{
	opacity:.72;
}
.panel-collection-item-head{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:18px;
	padding:15px 17px;
	border-bottom:1px solid #e9eeee;
	background:#fafcfc;
}
.panel-collection-item-head>div:first-child{
	min-width:0;
}
.panel-collection-item-head>div:first-child>span{
	display:block;
	margin-bottom:3px;
	color:#849295;
	font-size:7px;
	font-weight:900;
	letter-spacing:.14em;
	text-transform:uppercase;
}
.panel-collection-item-head h2{
	margin:0;
	overflow:hidden;
	color:var(--panel-dark);
	font:800 17px/1.25 Arial,sans-serif;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.panel-collection-item-head small{
	display:block;
	margin-top:4px;
	color:#849295;
	font-size:8px;
}
.panel-collection-status,
.panel-domain-status{
	display:inline-flex;
	align-items:center;
	flex:0 0 auto;
	min-height:26px;
	padding:0 9px;
	border-radius:8px;
	color:#16717c;
	background:#e7f5f6;
	font-size:8px;
	font-weight:900;
	text-align:center;
}
.panel-collection-status>*{
	margin:0;
	color:inherit!important;
	font-size:inherit!important;
}
.panel-order-card-body{
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	gap:25px;
	padding:17px;
}
.panel-order-card-services>span,
.panel-order-card-total>span{
	display:block;
	margin-bottom:7px;
	color:#829093;
	font-size:7px;
	font-weight:900;
	letter-spacing:.11em;
	text-transform:uppercase;
}
.panel-order-card-services ul{
	display:grid;
	margin:0;
	padding:0;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:9px;
	list-style:none;
}
.panel-order-card-services li{
	position:relative;
	display:flex;
	min-width:0;
	padding:11px 13px;
	flex-direction:column;
	gap:4px;
	border:1px solid #dfe9ea;
	border-left:4px solid var(--panel-teal);
	border-radius:9px;
	color:#46575a;
	background:#f8fbfb;
	line-height:1.4;
}
.panel-order-card-services li>span{
	color:#708184;
	font-size:9px;
	font-weight:900;
	letter-spacing:.1em;
	text-transform:uppercase;
}
.panel-order-card-services li>strong{
	overflow:hidden;
	color:var(--panel-dark);
	font-size:14px;
	line-height:1.35;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.panel-order-card-services li.is-domain{
	border-left-color:#7667bf;
	background:#faf9ff;
}
.panel-order-card-services li.is-domain>span{
	color:#6757ae;
}
.panel-order-card-services li.is-server{
	border-left-color:var(--panel-orange);
	background:#fffaf1;
}
.panel-order-card-services li.is-server>span{
	color:#94620a;
}
.panel-order-card-services li.is-ssl{
	border-left-color:#7896ce;
	background:#f7f9fd;
}
.panel-order-card-services li.is-ssl>span{
	color:#5675af;
}
.panel-order-card-services li.is-empty{
	border-left-color:#b5c0c2;
	color:#7b898c;
}
.panel-order-card-total{
	min-width:135px;
	padding-left:20px;
	border-left:1px solid var(--panel-line);
	text-align:right;
}
.panel-order-card-total strong{
	color:var(--panel-dark);
	font:800 18px/1.2 Arial,sans-serif;
	white-space:nowrap;
}
.panel-collection-actions{
	display:flex;
	align-items:center;
	gap:7px;
	padding:10px 17px;
	border-top:1px solid #e9eeee;
	background:#f7f9f9;
}
.client-panel #main .panel-collection-actions>a{
	display:inline-flex;
	align-items:center;
	gap:6px;
	min-height:30px;
	padding:0 10px;
	border:1px solid #d7e1e2;
	border-radius:8px;
	color:#4e6265;
	background:#fff;
	font-size:8px;
	font-weight:900;
	text-decoration:none;
}
.client-panel #main .panel-collection-actions>a:hover{
	border-color:#a7cdd2;
	color:#126d78;
	background:#f1fafb;
}
.client-panel #main .panel-collection-actions>a.is-primary{
	border-color:#177b87;
	color:#fff;
	background:#177b87;
}
.client-panel #main .panel-collection-actions>a.is-primary:hover{
	border-color:#116772;
	color:#fff;
	background:#116772;
}
.client-panel #main .panel-collection-actions>a.is-danger{
	margin-left:auto;
	color:#a94d4d;
}
.client-panel #main .panel-collection-actions>a.is-danger:hover{
	border-color:#edc7c7;
	color:#913b3b;
	background:#fff5f5;
}
.panel-orders-page .panel-collection-head>div>span{
	font-size:10px;
}
.panel-orders-page .panel-collection-head h1{
	font-size:30px;
}
.panel-orders-page .panel-collection-head p{
	font-size:13px;
}
.client-panel #main .panel-orders-page .panel-collection-head>a{
	min-height:44px;
	padding:0 17px;
	font-size:12px;
}
.panel-orders-page .panel-collection-list{
	gap:15px;
}
.panel-orders-page .panel-collection-item-head{
	padding:18px 20px;
}
.panel-orders-page .panel-collection-item-head>div:first-child>span{
	font-size:9px;
}
.panel-orders-page .panel-collection-item-head h2{
	font-size:22px;
}
.panel-orders-page .panel-collection-item-head small{
	margin-top:6px;
	font-size:11px;
}
.panel-orders-page .panel-collection-status{
	min-height:32px;
	padding:0 12px;
	font-size:11px;
}
.panel-orders-page .panel-order-card-body{
	padding:20px;
}
.panel-orders-page .panel-order-card-services>span,
.panel-orders-page .panel-order-card-total>span{
	font-size:9px;
}
.panel-orders-page .panel-order-card-services li{
	padding:12px 14px;
	font-size:13px;
	line-height:1.5;
}
.panel-orders-page .panel-order-card-services li>span{
	font-size:10px;
}
.panel-orders-page .panel-order-card-services li>strong{
	font-size:15px;
}
.panel-orders-page .panel-order-card-total{
	min-width:170px;
}
.panel-orders-page .panel-order-card-total strong{
	font-size:23px;
}
.panel-orders-page .panel-collection-actions{
	gap:9px;
	padding:13px 20px;
}
.client-panel #main .panel-orders-page .panel-collection-actions>a{
	min-height:40px;
	padding:0 15px;
	font-size:12px;
}
.panel-domain-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
}
.panel-domain-card .panel-collection-item-head{
	border-bottom:0;
	padding-bottom:10px;
}
.panel-domain-status{
	color:#40725b;
	background:#e8f4ed;
}
.panel-domain-card.is-expiring .panel-domain-status{
	color:#8a5a00;
	background:#fff0cc;
}
.panel-domain-card.is-expired .panel-domain-status{
	color:#a34242;
	background:#fde9e9;
}
.panel-domain-meta{
	display:grid;
	margin:0 17px 15px;
	padding:12px 0;
	grid-template-columns:1fr 1fr;
	border-top:1px solid #e9eeee;
}
.panel-domain-meta div{
	display:flex;
	flex-direction:column;
	gap:4px;
}
.panel-domain-meta div+div{
	padding-left:15px;
	border-left:1px solid var(--panel-line);
}
.panel-domain-meta span{
	color:#899699;
	font-size:7px;
	font-weight:900;
	letter-spacing:.1em;
	text-transform:uppercase;
}
.panel-domain-meta strong{
	color:#405255;
	font-size:10px;
}

/* Zarządzanie DNS domeny */
.client-panel #main>.panel-dns-page{
	border-top:3px solid var(--panel-teal);
}
.panel-dns-head{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:24px;
	margin-bottom:20px;
	padding-bottom:18px;
	border-bottom:1px solid var(--panel-line);
}
.panel-dns-head>div>span{
	color:#16818e;
	font-size:12px;
	font-weight:900;
	letter-spacing:.14em;
	text-transform:uppercase;
}
.panel-dns-head h1{
	margin:5px 0 4px;
	color:var(--panel-dark);
	font:800 28px/1.15 Arial,sans-serif;
}
.panel-dns-head p{
	margin:0;
	color:var(--panel-muted);
	font-size:15px;
	font-weight:700;
}
.client-panel #main .panel-dns-head>a{
	display:inline-flex;
	align-items:center;
	min-height:42px;
	padding:0 14px;
	border:1px solid var(--panel-line);
	border-radius:9px;
	color:#526568;
	background:#fff;
	font-size:13px;
	font-weight:900;
	text-decoration:none;
}
.client-panel #main .panel-dns-head>a:hover{
	border-color:#a9ced2;
	color:#126d78;
	background:#f2fafb;
}
.panel-dns-notice{
	margin-bottom:16px;
	padding:13px 15px;
	border:1px solid #bfdec9;
	border-radius:10px;
	color:#2f694c;
	background:#edf8f1;
	font-size:14px;
	font-weight:800;
}
.panel-dns-notice.is-error{
	border-color:#edc7c7;
	color:#913b3b;
	background:#fff3f3;
}
.panel-dns-current{
	padding:18px;
	border:1px solid #dfe8e9;
	border-radius:13px;
	background:#fafcfc;
}
.panel-dns-current>header{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:16px;
	margin-bottom:14px;
}
.panel-dns-current>header span,
.panel-dns-form>header>span{
	color:#16818e;
	font-size:12px;
	font-weight:900;
	letter-spacing:.1em;
	text-transform:uppercase;
}
.panel-dns-current>header h2,
.panel-dns-form>header h2{
	margin:4px 0 0;
	color:var(--panel-dark);
	font:800 20px/1.25 Arial,sans-serif;
}
.panel-dns-current>header>strong{
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:34px;
	height:34px;
	padding:0 9px;
	border-radius:9px;
	color:#177b87;
	background:#e7f5f6;
	font-size:14px;
}
.panel-dns-current-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:10px;
}
.panel-dns-current-grid article{
	display:flex;
	align-items:center;
	min-width:0;
	min-height:64px;
	padding:12px 14px;
	gap:13px;
	border:1px solid #dfe8e9;
	border-left:4px solid var(--panel-teal);
	border-radius:10px;
	background:#fff;
}
.panel-dns-current-grid article>span{
	display:flex;
	align-items:center;
	justify-content:center;
	width:36px;
	height:36px;
	flex:0 0 36px;
	border-radius:9px;
	color:#16717c;
	background:#e7f5f6;
	font-size:12px;
	font-weight:900;
}
.panel-dns-current-grid article>strong{
	overflow:hidden;
	color:var(--panel-dark);
	font-size:15px;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.panel-dns-current-grid>p{
	margin:0;
	padding:12px;
	grid-column:1/-1;
	color:var(--panel-muted);
}
.panel-dns-help{
	position:relative;
	margin:14px 0;
	padding:15px 17px 15px 48px;
	border:1px solid #f0d79f;
	border-radius:11px;
	color:#5b584f;
	background:#fffaf0;
}
.panel-dns-help::before{
	content:"i";
	position:absolute;
	left:16px;
	top:16px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:22px;
	height:22px;
	border-radius:7px;
	color:#8a5a00;
	background:#ffe7b4;
	font-weight:900;
}
.panel-dns-help>strong{
	display:block;
	margin-bottom:4px;
	color:#6b510f;
	font-size:14px;
}
.panel-dns-help p{
	margin:0;
	font-size:13px;
	line-height:1.55;
}
.panel-dns-form{
	padding:18px;
	border:1px solid #dfe8e9;
	border-radius:13px;
	background:#fafcfc;
}
.panel-dns-form>header{
	margin-bottom:17px;
	padding-bottom:14px;
	border-bottom:1px solid #e5ebec;
}
.panel-dns-form>header p{
	margin:5px 0 0;
	color:var(--panel-muted);
	font-size:13px;
}
.panel-dns-form-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:13px;
}
.panel-dns-form-grid label{
	display:flex;
	min-width:0;
	flex-direction:column;
	gap:7px;
	color:#526568;
	font-size:13px;
	font-weight:800;
}
.panel-dns-form-grid label>span{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
}
.panel-dns-form-grid label>span b,
.panel-dns-form-grid label>span small{
	color:#8a5a00;
	font-size:11px;
	font-weight:900;
	text-transform:uppercase;
}
.panel-dns-form-grid label>span small{
	color:#899699;
}
.client-panel .panel-dns-form-grid input{
	width:100%;
	min-height:46px;
	margin:0;
	padding:11px 13px;
	border:1px solid #cbd8d9;
	border-radius:9px;
	color:var(--panel-dark);
	background:#fff;
	font-size:14px;
}
.client-panel .panel-dns-form-grid input:focus{
	border-color:var(--panel-teal);
	outline:3px solid rgba(63,179,194,.13);
}
.panel-dns-form>footer{
	display:flex;
	justify-content:flex-end;
	padding-top:16px;
}
.client-panel .panel-dns-form>footer button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	min-height:46px;
	padding:0 18px;
	border:0;
	border-radius:10px;
	color:#fff;
	background:var(--panel-dark);
	font-size:14px;
	font-weight:900;
}
.client-panel .panel-dns-form>footer button:hover{
	color:#17282b;
	background:var(--panel-orange);
	transform:translateY(-1px);
}

/* Profil klienta */
.client-panel #main>.panel-profile-page{
	border-top:3px solid var(--panel-orange);
}
.panel-profile-head{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:24px;
	margin-bottom:20px;
	padding-bottom:18px;
	border-bottom:1px solid var(--panel-line);
}
.panel-profile-head>div:first-child>span{
	color:var(--panel-orange-dark);
	font-size:8px;
	font-weight:900;
	letter-spacing:.16em;
	text-transform:uppercase;
}
.panel-profile-head h1{
	margin:5px 0 6px;
	color:var(--panel-dark);
	font:800 25px/1.15 Arial,sans-serif;
}
.panel-profile-head p{
	margin:0;
	color:var(--panel-muted);
	font-size:10px;
	line-height:1.5;
}
.client-panel #main .panel-profile-head>a{
	display:inline-flex;
	align-items:center;
	min-height:42px;
	padding:0 15px;
	border:1px solid var(--panel-line);
	border-radius:9px;
	color:#54676a;
	background:#fff;
	font-size:14px;
	font-weight:700;
	text-decoration:none;
}
.client-panel #main .panel-profile-head>a:hover{
	border-color:#a9ced2;
	color:#126d78;
	background:#f2fafb;
}
.panel-profile-head-actions{
	display:flex;
	flex:0 0 auto;
	gap:7px;
}
.panel-profile-head-actions form{
	margin:0;
}
.client-panel .panel-profile-head-actions a,
.client-panel .panel-profile-head-actions button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:37px;
	padding:0 13px;
	border:1px solid var(--panel-orange);
	border-radius:9px;
	color:#102326;
	background:var(--panel-orange);
	font-size:14px;
	font-weight:700;
	text-decoration:none;
	box-shadow:none;
}
.client-panel .panel-profile-head-actions a:hover,
.client-panel .panel-profile-head-actions button:hover{
	border-color:#ffc04a;
	color:#102326;
	background:#ffc04a;
}
.client-panel .panel-profile-head-actions a.is-secondary,
.client-panel .panel-profile-head-actions button.is-secondary{
	border-color:var(--panel-line);
	color:#526568;
	background:#fff;
}
.client-panel .panel-profile-head-actions a.is-secondary:hover,
.client-panel .panel-profile-head-actions button.is-secondary:hover{
	border-color:#a9ced2;
	color:#126d78;
	background:#f2fafb;
}
.panel-profile-overview{
	display:grid;
	grid-template-columns:minmax(220px,.8fr) minmax(0,1.6fr);
	gap:12px;
}
.panel-profile-card{
	min-width:0;
	padding:16px;
	border:1px solid #e0e8e9;
	border-radius:13px;
	background:#fafcfc;
}
.panel-profile-card--wide{
	grid-row:span 2;
}
.panel-profile-card>header,
.panel-profile-section>header{
	display:flex;
	align-items:flex-start;
	gap:11px;
	margin-bottom:15px;
}
.panel-profile-card>header>span,
.panel-profile-section>header>span{
	display:grid;
	width:27px;
	height:27px;
	flex:0 0 27px;
	place-items:center;
	border-radius:8px;
	color:#8a5a00;
	background:#fff1d2;
	font-size:8px;
	font-weight:900;
}
.panel-profile-card>header h2,
.panel-profile-section>header h2{
	margin:0;
	color:var(--panel-dark);
	font:800 13px/1.25 Arial,sans-serif;
}
.panel-profile-card>header p,
.panel-profile-section>header p{
	margin:3px 0 0;
	color:#879497;
	font-size:8px;
	line-height:1.4;
}
.panel-profile-card dl{
	margin:0;
}
.panel-profile-card dl>div{
	padding:9px 0;
	border-top:1px solid #e6ecec;
}
.panel-profile-card dt{
	margin:0 0 3px;
	color:#8a9799;
	font-size:7px;
	font-weight:900;
	letter-spacing:.08em;
	text-transform:uppercase;
}
.panel-profile-card dd{
	margin:0;
	overflow-wrap:anywhere;
	color:#3f5255;
	font-size:10px;
	font-weight:700;
	line-height:1.4;
}
.panel-profile-card dd.is-password{
	letter-spacing:.13em;
}
.panel-profile-data-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:0 18px;
}
.panel-profile-preference{
	display:flex;
	align-items:center;
	gap:10px;
	padding:12px;
	border:1px solid #e1e9e9;
	border-radius:10px;
	background:#fff;
}
.panel-profile-preference>span{
	position:relative;
	width:30px;
	height:18px;
	flex:0 0 30px;
	border-radius:10px;
	background:#d8e1e2;
}
.panel-profile-preference>span::after{
	content:"";
	position:absolute;
	left:3px;
	top:3px;
	width:12px;
	height:12px;
	border-radius:50%;
	background:#fff;
	transition:transform .18s ease;
}
.panel-profile-preference.is-active>span{
	background:var(--panel-teal);
}
.panel-profile-preference.is-active>span::after{
	transform:translateX(12px);
}
.panel-profile-preference>div{
	display:flex;
	flex-direction:column;
	gap:3px;
}
.panel-profile-preference strong{
	color:var(--panel-dark);
	font-size:9px;
}
.panel-profile-preference small{
	color:#829093;
	font-size:8px;
}
.panel-profile-form{
	display:flex;
	flex-direction:column;
	gap:12px;
}
.panel-profile-account-summary{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:10px;
}
.panel-profile-account-summary>div{
	display:flex;
	padding:12px;
	flex-direction:column;
	gap:4px;
	border:1px solid #e0e8e9;
	border-radius:9px;
	background:#fff;
}
.panel-profile-account-summary span{
	color:#8a9799;
	font-size:10px;
	font-weight:900;
	letter-spacing:.08em;
	text-transform:uppercase;
}
.panel-profile-account-summary strong{
	color:var(--panel-dark);
	font-size:14px;
}
.panel-profile-card dd.is-sensitive{
	font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
	letter-spacing:.08em;
}
.panel-profile-empty{
	margin:0;
	padding:14px;
	border:1px dashed #ccd8d9;
	border-radius:9px;
	color:#78878a;
	background:#fff;
	font-size:12px;
	line-height:1.5;
}
.panel-profile-section{
	padding:18px;
	border:1px solid #e0e8e9;
	border-radius:13px;
	background:#fafcfc;
}
.panel-profile-fields{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:12px;
}
.panel-profile-fields label{
	display:flex;
	min-width:0;
	flex-direction:column;
	gap:6px;
	color:#506265;
	font-size:8px;
	font-weight:900;
	letter-spacing:.04em;
	text-transform:uppercase;
}
.panel-profile-fields label.is-full{
	grid-column:1/-1;
}
.panel-profile-fields label>span small{
	color:#96a1a3;
	font-size:7px;
	font-weight:600;
	text-transform:none;
}
.client-panel .panel-profile-fields input{
	width:100%;
	min-height:40px;
	margin:0;
	padding:10px 11px;
	border:1px solid #ccd8d9;
	border-radius:9px;
	color:var(--panel-text);
	background:#fff;
	font:11px/1.3 "Segoe UI",Arial,sans-serif;
}
.client-panel .panel-profile-fields input:focus{
	border-color:var(--panel-teal);
	outline:3px solid rgba(63,179,194,.13);
}
.panel-profile-check{
	display:flex;
	align-items:center;
	gap:11px;
	padding:13px;
	border:1px solid #e0e8e9;
	border-radius:10px;
	background:#fff;
	cursor:pointer;
}
.panel-profile-check input{
	width:17px;
	height:17px;
	flex:0 0 17px;
	accent-color:var(--panel-teal);
}
.panel-profile-check>span{
	display:flex;
	flex-direction:column;
	gap:3px;
}
.panel-profile-check strong{
	color:var(--panel-dark);
	font-size:9px;
}
.panel-profile-check small{
	color:#829093;
	font-size:8px;
	font-weight:500;
}
.panel-profile-form-actions{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:8px;
	padding:14px 0 0;
}
.client-panel #main .panel-profile-form-actions>a,
.client-panel #main .panel-profile-form-actions button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:38px;
	padding:0 14px;
	border:1px solid var(--panel-line);
	border-radius:9px;
	color:#526568;
	background:#fff;
	font-size:14px;
	font-weight:700;
	text-decoration:none;
	box-shadow:none;
}
.client-panel #main .panel-profile-form-actions button{
	border-color:var(--panel-dark);
	color:#fff;
	background:var(--panel-dark);
}
.client-panel #main .panel-profile-form-actions>a:hover{
	color:#126d78;
	background:#f2fafb;
}
.client-panel #main .panel-profile-form-actions button:hover{
	border-color:var(--panel-orange);
	color:#102326;
	background:var(--panel-orange);
}
.panel-password-form{
	max-width:720px;
}

/* Centrum support */
.client-panel #main>.panel-support-page{
	border-top:3px solid #7667bf;
}
.panel-support-head{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:24px;
	margin-bottom:20px;
	padding-bottom:18px;
	border-bottom:1px solid var(--panel-line);
}
.panel-support-head>div>span,
.panel-support-compose>header>span,
.panel-support-reply>header>span{
	color:#6757ae;
	font-size:8px;
	font-weight:900;
	letter-spacing:.16em;
	text-transform:uppercase;
}
.panel-support-head h1{
	margin:5px 0 6px;
	color:var(--panel-dark);
	font:800 25px/1.15 Arial,sans-serif;
}
.panel-support-head p,
.panel-support-compose>header p,
.panel-support-reply>header p{
	margin:0;
	color:var(--panel-muted);
	font-size:10px;
	line-height:1.5;
}
.client-panel #main .panel-support-head>a{
	display:inline-flex;
	align-items:center;
	gap:7px;
	flex:0 0 auto;
	min-height:37px;
	padding:0 14px;
	border:1px solid #dcd7f1;
	border-radius:9px;
	color:#5d4ca3;
	background:#f4f1ff;
	font-size:14px;
	font-weight:700;
	text-decoration:none;
}
.client-panel #main .panel-support-head>a:hover{
	border-color:#bdb3e6;
	color:#493a8a;
	background:#ebe6ff;
}
.panel-support-history{
	margin-bottom:14px;
	padding:17px;
	border:1px solid #e1e8e9;
	border-radius:13px;
	background:#fafcfc;
}
.panel-support-history>header{
	margin-bottom:12px;
}
.panel-support-history>header span{
	color:#859295;
	font-size:7px;
	font-weight:900;
	letter-spacing:.12em;
	text-transform:uppercase;
}
.panel-support-history>header h2,
.panel-support-compose>header h2,
.panel-support-reply>header h2{
	margin:4px 0 0;
	color:var(--panel-dark);
	font:800 16px/1.25 Arial,sans-serif;
}
.panel-support-ticket-list{
	display:flex;
	flex-direction:column;
	gap:7px;
}
.client-panel #main .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:#405255;
	background:#fff;
	text-decoration:none;
	transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.client-panel #main .panel-support-ticket-list>a:hover{
	border-color:#c3b9e8;
	color:#405255;
	box-shadow:0 7px 18px rgba(8,29,33,.06);
	transform:translateY(-1px);
}
.panel-support-ticket-id{
	overflow:hidden;
	color:#6757ae;
	font:800 8px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.panel-support-ticket-list strong{
	overflow:hidden;
	font-size:10px;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.panel-support-ticket-list small{
	color:#879497;
	font-size:8px;
	white-space:nowrap;
}
.panel-support-ticket-list>a>b{
	display:grid;
	width:22px;
	height:22px;
	place-items:center;
	border-radius:7px;
	color:#6757ae;
	background:#f0edfb;
}
.panel-support-empty{
	margin:0;
	padding:20px;
	color:#849194;
	font-size:10px;
	text-align:center;
}
.panel-support-compose,
.panel-support-reply{
	padding:18px;
	border:1px solid #ded9f0;
	border-radius:13px;
	background:#faf9ff;
}
.panel-support-compose>header,
.panel-support-reply>header{
	margin-bottom:16px;
}
.panel-support-form{
	display:flex;
	flex-direction:column;
	gap:10px;
}
.panel-support-form-section{
	padding:16px;
	border:1px solid #e2e8e9;
	border-radius:11px;
	background:#fff;
}
.panel-support-form-section>header{
	display:flex;
	align-items:flex-start;
	gap:10px;
	margin-bottom:14px;
}
.panel-support-form-section>header>span{
	display:grid;
	width:26px;
	height:26px;
	flex:0 0 26px;
	place-items:center;
	border-radius:8px;
	color:#5d4ca3;
	background:#eeeafb;
	font-size:8px;
	font-weight:900;
}
.panel-support-form-section h3{
	margin:0;
	color:var(--panel-dark);
	font:800 12px/1.3 Arial,sans-serif;
}
.panel-support-form-section header p{
	margin:3px 0 0;
	color:#879497;
	font-size:8px;
}
.panel-support-form-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:11px;
}
.panel-support-form-grid label{
	display:flex;
	min-width:0;
	flex-direction:column;
	gap:6px;
	color:#536568;
	font-size:8px;
	font-weight:900;
	letter-spacing:.04em;
	text-transform:uppercase;
}
.panel-support-form-grid label.is-full{
	grid-column:1/-1;
}
.client-panel .panel-support-form-grid input,
.client-panel .panel-support-form-grid select,
.client-panel .panel-support-form-grid textarea{
	width:100%;
	min-height:40px;
	margin:0;
	padding:10px 11px;
	border:1px solid #ccd8d9;
	border-radius:9px;
	color:var(--panel-text);
	background:#fff;
	font:11px/1.35 "Segoe UI",Arial,sans-serif;
	text-transform:none;
}
.client-panel .panel-support-form-grid textarea{
	min-height:125px;
	resize:vertical;
}
.client-panel .panel-support-form-grid input:focus,
.client-panel .panel-support-form-grid select:focus,
.client-panel .panel-support-form-grid textarea:focus{
	border-color:#8d7bd2;
	outline:3px solid rgba(118,103,191,.12);
}
.panel-support-form>footer{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:14px;
	padding-top:4px;
}
.panel-support-form>footer>span{
	color:#7f8e90;
	font-size:8px;
}
.client-panel .panel-support-form>footer button{
	min-height:39px;
	padding:0 15px;
	border:0;
	border-radius:9px;
	color:#fff;
	background:#6757ae;
	font-size:8px;
	font-weight:900;
	box-shadow:0 8px 18px rgba(103,87,174,.18);
}
.client-panel .panel-support-form>footer button:hover{
	color:#fff;
	background:#554496;
	transform:translateY(-1px);
}
.panel-support-ticket-meta{
	display:grid;
	margin-bottom:18px;
	grid-template-columns:repeat(4,minmax(0,1fr));
	border:1px solid #e1e8e9;
	border-radius:12px;
	background:#fafcfc;
	overflow:hidden;
}
.panel-support-ticket-meta>div{
	display:flex;
	min-width:0;
	padding:12px;
	flex-direction:column;
	gap:4px;
	border-right:1px solid #e1e8e9;
}
.panel-support-ticket-meta>div:nth-child(4){
	border-right:0;
}
.panel-support-ticket-meta>div.is-wide{
	grid-column:1/-1;
	border-top:1px solid #e1e8e9;
	border-right:0;
}
.panel-support-ticket-meta span{
	color:#899699;
	font-size:7px;
	font-weight:900;
	letter-spacing:.09em;
	text-transform:uppercase;
}
.panel-support-ticket-meta strong{
	overflow:hidden;
	color:#405255;
	font-size:9px;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.panel-support-conversation{
	display:flex;
	margin-bottom:16px;
	flex-direction:column;
	gap:10px;
}
.panel-support-message{
	width:min(82%,760px);
	border:1px solid #e0e8e9;
	border-radius:13px;
	background:#fff;
	overflow:hidden;
}
.panel-support-message.is-reply{
	align-self:flex-end;
	border-color:#dcd7f1;
	background:#faf9ff;
}
.panel-support-message>header{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:12px;
	padding:12px 14px;
	border-bottom:1px solid #e7eded;
}
.panel-support-message>header>div{
	display:flex;
	flex-direction:column;
	gap:3px;
}
.panel-support-message>header strong{
	color:var(--panel-dark);
	font-size:10px;
}
.panel-support-message>header span,
.panel-support-message time{
	color:#899699;
	font-size:7px;
}
.panel-support-message-body{
	padding:15px 14px;
	color:#405255;
	font-size:10px;
	line-height:1.65;
}
.panel-support-message>footer{
	display:flex;
	gap:7px;
	padding:0 14px 12px;
}
.panel-support-message>footer span{
	padding:5px 7px;
	border-radius:6px;
	color:#5d6f72;
	background:#edf2f2;
	font-size:7px;
	font-weight:800;
}

/* Podgląd i szczegóły zamówienia */
.panel-order-carousel-nav{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:15px;
	margin:0 0 18px;
	padding:9px 12px;
	border-radius:10px;
	color:var(--panel-muted);
	background:#f3f6f6;
	font-size:9px;
	font-weight:800;
	text-transform:uppercase;
}
.panel-order-carousel-nav div{
	display:flex;
	gap:6px;
}
.client-panel #main .panel-order-carousel-nav a{
	padding:5px 8px;
	border-radius:6px;
	color:#426064;
	background:#fff;
	text-decoration:none;
}
.client-panel #main .panel-order-carousel-nav a:hover{
	color:var(--panel-dark);
	background:#e5eeee;
}
.panel-order-preview-head,
.panel-order-detail-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	margin-bottom:18px;
}
.panel-order-preview-head>div>span,
.panel-order-detail-head>div>span{
	color:var(--panel-orange-dark);
	font-size:12px;
	font-weight:900;
	letter-spacing:.15em;
	text-transform:uppercase;
}
.panel-order-preview-head h2,
.panel-order-detail-head h2{
	margin:5px 0 0;
	color:var(--panel-dark);
	font:800 24px/1.15 Arial,sans-serif;
}
.panel-order-preview-head h2 strong,
.panel-order-detail-head h2 strong{
	color:#16818e;
}
.client-panel #main .panel-order-preview-head>a,
.client-panel #main .panel-order-detail-head>a{
	display:inline-flex;
	align-items:center;
	gap:8px;
	flex:0 0 auto;
	min-height:40px;
	padding:0 14px;
	border:1px solid var(--panel-line);
	border-radius:9px;
	color:#426064;
	background:#fff;
	font-size:13px;
	font-weight:800;
	text-decoration:none;
}
.client-panel #main .panel-order-preview-head>a:hover,
.client-panel #main .panel-order-detail-head>a:hover{
	border-color:#9bcbd1;
	color:#126d78;
	background:#f1fafb;
}
.client-panel #main>.panel-order-detail{
	border-top:3px solid var(--panel-teal);
}
.client-panel #main>.panel-order-renewal{
	border-top-color:var(--panel-orange);
}
.panel-order-renewal .panel-order-detail-head h2{
	font-size:19px;
}
.panel-order-summary{
	overflow-x:auto;
	border:1px solid var(--panel-line);
	border-radius:13px;
	background:#fff;
}
.client-panel .panel-order-summary .order-summary-table{
	width:100%;
	min-width:650px;
	margin:0;
	border:0;
	border-collapse:separate;
	border-spacing:0;
	background:#fff;
}
.client-panel .panel-order-summary .order-summary-table thead td{
	padding:11px 13px;
	border:0;
	border-bottom:1px solid var(--panel-line);
	color:#758588;
	background:#f6f8f8;
	font-size:8px;
	font-weight:900;
	letter-spacing:.09em;
	text-align:left;
	text-transform:uppercase;
}
.client-panel .panel-order-summary .order-summary-table thead td:first-child{
	width:44px;
	text-align:center;
}
.client-panel .panel-order-summary .order-summary-table thead td:nth-child(n+3){
	text-align:center;
}
.client-panel .panel-order-summary .order-summary-item td{
	padding:14px 13px;
	border:0;
	border-bottom:1px solid #e9eeee;
	color:var(--panel-text);
	background:#fff;
	line-height:1.45;
	vertical-align:middle;
}
.client-panel .panel-order-summary .order-summary-item td:first-child{
	width:44px;
	color:#8a989a;
	font-weight:800;
	text-align:center;
}
.client-panel .panel-order-summary .order-summary-item td:nth-child(2)>b{
	color:var(--panel-dark);
	font-size:12px;
}
.client-panel .panel-order-summary .order-summary-meta{
	text-align:center;
	white-space:nowrap;
}
.client-panel .panel-order-summary .dodatkowo{
	display:block;
	margin-top:4px;
	color:#7b898c;
	font-size:11px;
	font-weight:500;
	line-height:1.45;
}
.client-panel .panel-order-summary .order-summary-total td{
	padding:15px 13px;
	border:0;
	color:var(--panel-dark);
	background:#f7faf9;
	vertical-align:top;
}
.client-panel .panel-order-summary .order-summary-total td:first-child{
	font-size:10px;
	font-weight:800;
	text-align:right;
	text-transform:uppercase;
}
.client-panel .panel-order-summary .order-summary-total td:last-child{
	padding-left:16px;
	color:#126d78;
	font-size:15px;
	font-weight:900;
}
.client-panel .panel-order-summary .order-summary-total .dodatkowo{
	color:var(--panel-muted);
	font-size:11px;
	text-transform:none;
}
.panel-proforma-grid{
	display:grid;
	padding:16px 0 2px;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:12px;
}
.client-panel #main .panel-proforma-card{
	position:relative;
	display:grid;
	align-items:center;
	min-width:0;
	min-height:105px;
	padding:16px;
	grid-template-columns:46px minmax(0,1fr) auto;
	gap:14px;
	border:1px solid #dfe8e9;
	border-left:4px solid var(--panel-orange);
	border-radius:11px;
	color:var(--panel-dark);
	background:#fafcfc;
	text-decoration:none;
	overflow:hidden;
	transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.client-panel #main a.panel-proforma-card:hover{
	border-color:#efc46e;
	border-left-color:var(--panel-orange);
	color:var(--panel-dark);
	background:#fffdf8;
	box-shadow:0 10px 24px rgba(31,62,67,.1);
	transform:translateY(-2px);
}
.client-panel #main .panel-invoice-card.has-download:hover,
.client-panel #main .panel-invoice-card.has-download:focus-within{
	border-color:#efc46e;
	border-left-color:var(--panel-orange);
	background:#fffdf8;
	box-shadow:0 10px 24px rgba(31,62,67,.1);
	transform:translateY(-2px);
}
.panel-document-download-overlay{
	position:absolute;
	z-index:1;
	inset:0;
	border-radius:inherit;
}
.panel-document-download-overlay:focus-visible{
	outline:3px solid rgba(22,129,142,.35);
	outline-offset:-3px;
}
.panel-proforma-type{
	display:flex;
	align-items:center;
	justify-content:center;
	width:46px;
	height:46px;
	border-radius:10px;
	color:#986000;
	background:#fff1d2;
	font-size:12px;
	font-weight:900;
	letter-spacing:.06em;
}
.panel-proforma-copy,
.panel-proforma-side{
	display:flex;
	min-width:0;
	flex-direction:column;
}
.panel-proforma-copy{
	gap:3px;
}
.panel-proforma-copy small,
.panel-proforma-side small{
	color:var(--panel-muted);
	font-size:11px;
	font-weight:800;
	letter-spacing:.05em;
	text-transform:uppercase;
}
.panel-proforma-copy strong{
	overflow:hidden;
	color:var(--panel-dark);
	font-size:15px;
	line-height:1.3;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.panel-proforma-copy em{
	color:#718184;
	font-size:12px;
	font-style:normal;
}
.panel-proforma-side{
	align-items:flex-end;
	gap:4px;
	text-align:right;
}
.panel-proforma-side strong{
	color:var(--panel-dark);
	font-size:16px;
	white-space:nowrap;
}
.panel-proforma-side em{
	color:#a36a00;
	font-size:12px;
	font-style:normal;
	font-weight:900;
}
.panel-proforma-card.is-unavailable{
	opacity:.6;
}
.panel-payment-history-card{
	border-left-color:#3a9a68;
}
.panel-payment-history-card .panel-proforma-type{
	color:#2f704f;
	background:#e4f3e9;
}
.panel-payment-history-status{
	color:#317052!important;
}
.panel-invoice-card{
	min-height:148px;
}
.panel-invoice-meta{
	display:grid;
	padding-top:12px;
	grid-column:1/-1;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:10px;
	border-top:1px solid #e3ebec;
}
.panel-invoice-meta>span{
	display:flex;
	min-width:0;
	flex-direction:column;
	gap:3px;
}
.panel-invoice-meta small{
	color:var(--panel-muted);
	font-size:10px;
	font-weight:800;
	letter-spacing:.04em;
	text-transform:uppercase;
}
.panel-invoice-meta strong{
	overflow-wrap:anywhere;
	color:#445d61;
	font-size:12px;
	line-height:1.35;
}
.panel-invoice-ksef,
.panel-invoice-ksef a{
	position:relative;
	z-index:2;
}
.client-panel #main .panel-invoice-ksef a{
	color:#177b87;
	text-decoration:underline;
	text-decoration-thickness:1px;
	text-underline-offset:2px;
}
.panel-proforma-limit-info{
	margin:2px 0 0;
	padding:10px 12px 0;
	grid-column:1/-1;
	color:var(--panel-muted);
	font-size:12px;
	text-align:center;
}
.order-payment-intro{
	display:grid;
	grid-template-columns:1fr auto auto;
	gap:3px 16px;
	min-width:650px;
	padding:16px 18px;
	border-top:1px solid var(--panel-line);
	background:#f5f9f9;
}
.order-payment-intro span{
	align-self:end;
	color:var(--panel-muted);
	font-size:11px;
	font-weight:800;
	letter-spacing:.06em;
	text-transform:uppercase;
}
.order-payment-intro strong{
	grid-row:1/3;
	grid-column:2;
	align-self:center;
	color:var(--panel-dark);
	font-size:19px;
}
.order-payment-intro small{
	color:#849194;
	font-size:12px;
}
.client-panel #main .order-bank-toggle{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	align-self:center;
	min-height:40px;
	padding:0 13px;
	grid-row:1/3;
	grid-column:3;
	gap:8px;
	border:1px solid #c9d9db;
	border-radius:9px;
	color:#176f79;
	background:#fff;
	font-size:13px;
	font-weight:900;
	box-shadow:none;
}
.client-panel #main .order-bank-toggle:hover{
	border-color:#8fc4cb;
	color:#fff;
	background:#177b87;
}
.order-bank-toggle b{
	font-size:17px;
	line-height:1;
}
.order-bank-details{
	display:grid;
	min-width:650px;
	padding:16px 18px;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:10px;
	border-top:1px solid #dfe8e9;
	background:#fff;
}
.order-bank-details>div{
	display:flex;
	min-width:0;
	padding:12px 13px;
	flex-direction:column;
	gap:4px;
	border:1px solid #e1e9e9;
	border-radius:9px;
	background:#f8fafa;
}
.order-bank-details span{
	color:#829093;
	font-size:11px;
	font-weight:900;
	letter-spacing:.06em;
	text-transform:uppercase;
}
.order-bank-details strong{
	overflow-wrap:anywhere;
	color:var(--panel-dark);
	font-size:14px;
}
.order-bank-details small{
	color:#718184;
	font-size:12px;
}
.order-bank-details .is-account strong{
	font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
	letter-spacing:.02em;
}
.order-payment-form{
	display:block;
	min-width:650px;
	padding:0 18px 18px;
	background:#f5f9f9;
}
.order-payment-action{
	display:flex;
	justify-content:flex-end;
	padding-top:12px;
}
.client-panel #page .order-payment-action input[type=submit]{
	width:auto;
	min-width:360px;
	min-height:50px;
	max-width:100%;
	padding:0 20px;
	border:1px solid var(--panel-orange);
	border-radius:9px;
	color:#102326;
	background:var(--panel-orange);
	font-size:13px;
	font-weight:900;
	white-space:normal;
	box-shadow:0 8px 20px rgba(237,159,15,.2);
}
.client-panel #page .order-payment-action input[type=submit]:hover{
	border-color:var(--panel-orange-dark);
	color:#fff;
	background:var(--panel-orange-dark);
	transform:translateY(-1px);
}
.order-payment-total{
	margin:0;
	padding:18px;
	color:var(--panel-dark);
	background:#f5f9f9;
	font:800 19px/1.25 Arial,sans-serif;
	text-align:right;
}
.client-panel .panel-order-summary{
	padding:10px;
	background:#f5f8f8;
}
.client-panel .panel-order-summary .order-summary-table{
	display:block;
	min-width:0;
	background:transparent;
}
.client-panel .panel-order-summary .order-summary-table thead{
	display:none;
}
.client-panel .panel-order-summary .order-summary-table tbody{
	display:flex;
	flex-direction:column;
	gap:8px;
}
.client-panel .panel-order-summary .order-summary-item{
	display:grid;
	align-items:center;
	padding:13px;
	grid-template-columns:34px minmax(300px,2.6fr) minmax(80px,.5fr) minmax(90px,.55fr) minmax(125px,.7fr);
	gap:12px;
	border:1px solid #dfe8e9;
	border-left:4px solid var(--panel-teal);
	border-radius:10px;
	background:#fff;
}
.client-panel .panel-order-summary .order-summary-item td{
	display:block;
	padding:0;
	border:0;
	background:transparent;
}
.client-panel .panel-order-summary .order-summary-item td:first-child{
	display:grid;
	width:28px;
	height:28px;
	place-items:center;
	border-radius:8px;
	color:#16717c;
	background:#e7f5f6;
	font-size:11px;
}
.client-panel .panel-order-summary .order-summary-item td:nth-child(2)>b{
	display:inline-block;
	max-width:calc(100% - 55px);
	margin:0 8px 3px 0;
	font-size:15px;
	vertical-align:middle;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.client-panel .panel-order-summary .order-summary-account{
	display:block;
	margin-top:6px;
	color:#526568;
	font-size:13px;
	white-space:nowrap;
}
.client-panel .panel-order-summary .order-summary-account b{
	display:inline;
	color:var(--panel-dark);
	font-size:inherit;
}
.client-panel .panel-order-summary .order-summary-item td:nth-child(n+3)::before{
	display:block;
	margin-bottom:4px;
	color:#8a9799;
	font-size:11px;
	font-weight:900;
	letter-spacing:.08em;
	text-transform:uppercase;
}
.client-panel .panel-order-summary .order-summary-item td:nth-child(3)::before{
	content:"Okres";
}
.client-panel .panel-order-summary .order-summary-item td:nth-child(4)::before{
	content:"Cena";
}
.client-panel .panel-order-summary .order-summary-item td:nth-child(5)::before{
	content:"Ważna do";
}
.client-panel .panel-order-summary .order-summary-total{
	display:grid;
	align-items:start;
	padding:15px;
	grid-template-columns:1fr auto;
	gap:18px;
	border-radius:10px;
	background:#fff;
}
.client-panel .panel-order-summary .order-summary-total td{
	display:block;
	padding:0;
	background:transparent;
}
.client-panel .panel-order-summary .order-summary-total td:first-child{
	text-align:right;
}
.client-panel .panel-order-summary .order-summary-total td:last-child{
	min-width:150px;
	padding:0;
}
.client-panel .panel-order-summary .order-payment-intro{
	min-width:0;
	margin-top:8px;
	border:1px solid #dfe8e9;
	border-bottom:0;
	border-radius:10px 10px 0 0;
	background:#fff;
}
.client-panel .panel-order-summary .order-payment-form{
	min-width:0;
	border:1px solid #dfe8e9;
	border-top:0;
	border-radius:0 0 10px 10px;
	background:#fff;
}
.client-panel .panel-order-summary .order-bank-details{
	min-width:0;
	border:1px solid #dfe8e9;
	border-top:0;
}

/* Parametry kont hostingowych */
.panel-hosting-accounts{
	display:flex;
	padding-top:4px;
	flex-direction:column;
	gap:16px;
}
.panel-hosting-list-intro{
	max-width:900px;
	margin:0 0 20px;
	color:var(--panel-muted);
	font-size:15px;
	line-height:1.6;
}
.panel-hosting-account{
	border:1px solid #dfe8e9;
	border-radius:15px;
	background:#fff;
	box-shadow:0 8px 24px rgba(8,29,33,.05);
	overflow:hidden;
}
.panel-hosting-account-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	padding:18px 20px;
	border-bottom:1px solid #e6eded;
	background:#fafcfc;
}
.panel-hosting-account-head>div{
	display:flex;
	flex-direction:column;
	gap:4px;
}
.panel-hosting-account-head>div>span{
	color:#16818e;
	font-size:12px;
	font-weight:900;
	letter-spacing:.12em;
	text-transform:uppercase;
}
.panel-hosting-account-head h3{
	margin:0;
	color:var(--panel-dark);
	font:800 18px/1.25 Arial,sans-serif;
}
.panel-hosting-status{
	display:inline-flex;
	align-items:center;
	min-height:32px;
	padding:0 12px;
	border-radius:9px;
	font-size:13px;
	font-weight:900;
}
.panel-hosting-status.is-active{
	color:#317052;
	background:#e5f3ea;
}
.panel-hosting-status.is-suspended{
	color:#9a4242;
	background:#fde8e8;
}
.panel-hosting-facts{
	display:grid;
	margin:0;
	padding:16px 20px;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:10px;
}
.panel-hosting-facts>div{
	display:flex;
	min-width:0;
	min-height:78px;
	padding:13px 14px;
	flex-direction:column;
	gap:6px;
	border:1px solid #e2e9ea;
	border-radius:10px;
	background:#f8fafa;
}
.panel-hosting-facts dt{
	color:#829093;
	font-size:12px;
	font-weight:900;
	letter-spacing:.07em;
	text-transform:uppercase;
}
.panel-hosting-facts dd{
	margin:0;
	overflow-wrap:anywhere;
	color:var(--panel-dark);
	font-size:15px;
	font-weight:800;
	line-height:1.35;
}
.panel-hosting-facts dd small{
	display:block;
	margin-top:2px;
	color:#718184;
	font-size:12px;
	font-weight:500;
}
.panel-hosting-actions{
	display:flex;
	align-items:center;
	gap:9px;
	padding:13px 20px;
	border-top:1px solid #e6eded;
	background:#fafcfc;
}
.client-panel #main .panel-hosting-actions>a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:7px;
	min-height:40px;
	padding:0 15px;
	border:1px solid #d7e1e2;
	border-radius:9px;
	color:#526568;
	background:#fff;
	font-size:13px;
	font-weight:900;
	text-decoration:none;
}
.client-panel #main .panel-hosting-actions>a:hover{
	border-color:#a9ced2;
	color:#126d78;
	background:#f1fafb;
}
.client-panel #main .panel-hosting-actions>a.is-primary{
	border-color:#177b87;
	color:#fff;
	background:#177b87;
}
.client-panel #main .panel-hosting-actions>a.is-primary:hover{
	border-color:#116772;
	color:#fff;
	background:#116772;
}
.panel-hosting-usage{
	padding:18px 20px 20px;
	border-top:1px solid #e6eded;
	background:#f6f9f9;
}
.panel-hosting-usage>header{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:20px;
	margin-bottom:14px;
}
.panel-hosting-usage>header span{
	color:var(--panel-orange-dark);
	font-size:12px;
	font-weight:900;
	letter-spacing:.1em;
	text-transform:uppercase;
}
.panel-hosting-usage>header h4{
	margin:3px 0 0;
	color:var(--panel-dark);
	font:800 19px/1.2 Arial,sans-serif;
}
.panel-hosting-usage>header p{
	margin:0;
	color:var(--panel-muted);
	font-size:13px;
}
.panel-hosting-usage-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:10px;
}
.panel-hosting-usage-item{
	display:grid;
	align-items:center;
	min-width:0;
	min-height:76px;
	padding:13px 14px;
	grid-template-columns:minmax(0,1fr) minmax(150px,.8fr);
	gap:16px;
	border:1px solid #e0e8e9;
	border-radius:11px;
	background:#fff;
}
.panel-hosting-usage-item>div{
	display:flex;
	min-width:0;
	flex-direction:column;
	gap:4px;
}
.panel-hosting-usage-item>div>span{
	color:#7d8c8f;
	font-size:12px;
	font-weight:800;
}
.panel-hosting-usage-item>div>strong{
	overflow-wrap:anywhere;
	color:var(--panel-dark);
	font-size:15px;
}
.panel-hosting-usage-item>small{
	color:#829093;
	font-size:12px;
	text-align:right;
}
.panel-usage-meter{
	display:grid;
	align-items:center;
	grid-template-columns:minmax(90px,1fr) 38px;
	gap:9px;
	cursor:help;
}
.panel-usage-meter progress{
	width:100%;
	height:10px;
	border:0;
	border-radius:10px;
	background:#e5ebec;
	overflow:hidden;
	appearance:none;
}
.panel-usage-meter progress::-webkit-progress-bar{
	border-radius:10px;
	background:#e5ebec;
}
.panel-usage-meter progress::-webkit-progress-value{
	border-radius:10px;
	background:#2f9d61;
}
.panel-usage-meter progress::-moz-progress-bar{
	border-radius:10px;
	background:#2f9d61;
}
.panel-usage-meter.is-orange progress::-webkit-progress-value{
	background:var(--panel-orange);
}
.panel-usage-meter.is-orange progress::-moz-progress-bar{
	background:var(--panel-orange);
}
.panel-usage-meter.is-red progress::-webkit-progress-value{
	background:#d95858;
}
.panel-usage-meter.is-red progress::-moz-progress-bar{
	background:#d95858;
}
.panel-usage-meter>strong{
	color:#486064;
	font-size:12px;
	text-align:right;
}

/* Tabele i formularze */
.client-panel table{
	max-width:100%;
	border-spacing:0;
	color:var(--panel-text);
}
.client-panel table.bo{
	width:100%;
}
.client-panel table.bo td{
	padding:9px 8px;
	line-height:1.45;
}
.client-panel table.order_form{
	width:100%!important;
	border:1px solid var(--panel-line);
	border-collapse:separate;
	border-radius:12px;
	background:#fff;
	overflow:hidden;
}
.client-panel table.order_form td,
.client-panel table.order_form th{
	padding:10px 12px;
	border:0;
	border-bottom:1px solid #e8eeee;
}
.client-panel table.order_form tr:last-child td{
	border-bottom:0;
}
.client-panel .panel-bg-eee,
.client-panel table.order_form tr:nth-child(even){
	background:#f7f9f9;
}
.client-panel .panel-border-bottom-light{
	border-bottom:1px solid #e8eeee;
}
.client-panel #main a{
	color:#177b87;
}
.client-panel #main a:hover{
	color:var(--panel-orange-dark);
}
.client-panel input[type=text],
.client-panel input[type=password],
.client-panel input[type=email],
.client-panel input[type=number],
.client-panel textarea,
.client-panel select{
	max-width:100%;
	padding:10px 12px;
	border:1px solid #ccd8d9;
	border-radius:9px;
	color:var(--panel-text);
	background:#fff;
	font:12px/1.3 "Segoe UI",Arial,sans-serif;
	box-shadow:0 1px 2px rgba(8,29,33,.03);
}
.client-panel input:focus,
.client-panel textarea:focus,
.client-panel select:focus{
	border-color:var(--panel-teal);
	outline:3px solid rgba(63,179,194,.13);
}
.client-panel button,
.client-panel input[type=submit],
.client-panel input[type=button],
.client-panel input[type=reset]{
	padding:9px 14px;
	border:0;
	border-radius:9px;
	color:#fff;
	background:var(--panel-dark);
	font:700 11px/1.2 "Segoe UI",Arial,sans-serif;
	box-shadow:none;
	cursor:pointer;
}
.client-panel button:hover,
.client-panel input[type=submit]:hover,
.client-panel input[type=button]:hover,
.client-panel input[type=reset]:hover{
	border:0;
	color:#fff;
	background:var(--panel-dark-soft);
	box-shadow:none;
}
.client-panel input[type=submit].pole_orange,
.client-panel button.pole_orange{
	color:#17282b;
	background:var(--panel-orange);
}

/* Dashboard */
.panel-dashboard{
	margin-bottom:22px;
}
.panel-dashboard-hero{
	position:relative;
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:25px;
	margin-bottom:18px;
	padding:27px 30px;
	border-radius:19px;
	color:#fff;
	background:var(--panel-dark);
	box-shadow:0 18px 40px rgba(8,29,33,.15);
	overflow:hidden;
}
.panel-dashboard-hero::after{
	content:"";
	position:absolute;
	right:-60px;
	top:-95px;
	width:260px;
	height:260px;
	border:45px solid rgba(63,179,194,.09);
	border-radius:50%;
}
.panel-dashboard-kicker{
	display:block;
	margin-bottom:7px;
	color:var(--panel-orange);
	font-size:9px;
	font-weight:800;
	letter-spacing:.14em;
	text-transform:uppercase;
}
.panel-dashboard-hero h1{
	margin:0;
	color:#fff;
	font:800 28px/1.15 Arial,sans-serif;
}
.panel-dashboard-hero p{
	max-width:580px;
	margin:8px 0 0;
	color:#aebfc1;
	font-size:12px;
	line-height:1.55;
}
.panel-dashboard-actions{
	position:relative;
	z-index:1;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	gap:8px;
}
.panel-dashboard-actions a{
	display:inline-flex;
	align-items:center;
	min-height:42px;
	padding:0 16px;
	border:1px solid rgba(255,255,255,.14);
	border-radius:10px;
	color:#fff;
	background:rgba(255,255,255,.06);
	font-size:13px;
	font-weight:800;
	text-decoration:none;
	transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease;
}
.panel-dashboard-actions a:first-child{
	border-color:var(--panel-orange);
	color:#17282b;
	background:var(--panel-orange);
}
.client-panel #main .panel-dashboard-actions a:hover{
	border-color:rgba(255,255,255,.32);
	color:#fff;
	background:rgba(255,255,255,.13);
	transform:translateY(-1px);
}
.client-panel #main .panel-dashboard-actions a:first-child:hover{
	border-color:#ffc04a;
	color:#102326;
	background:#ffc04a;
}
.panel-dashboard-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:16px;
}
.panel-dashboard-card{
	min-width:0;
	padding:20px;
	border:1px solid var(--panel-line);
	border-radius:16px;
	background:#fff;
	box-shadow:var(--panel-shadow);
}
.panel-dashboard-card-head{
	position:relative;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:12px;
	margin-bottom:13px;
	padding:0 0 12px 13px;
	border-bottom:1px solid #e8eeee;
}
.panel-dashboard-card-head::before{
	content:"";
	position:absolute;
	left:0;
	top:1px;
	width:3px;
	height:23px;
	border-radius:3px;
	background:var(--panel-orange);
}
.panel-dashboard-card-head div{
	display:flex;
	flex-direction:column;
}
.panel-dashboard-card-head span{
	color:var(--panel-muted);
	font-size:11px;
	font-weight:800;
	letter-spacing:.1em;
	text-transform:uppercase;
}
.panel-dashboard-card-head h2{
	margin:4px 0 0;
	color:var(--panel-dark);
	font:800 19px/1.2 Arial,sans-serif;
}
.panel-dashboard-card-head b{
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:34px;
	height:34px;
	padding:0 8px;
	border-radius:9px;
	color:#177b87;
	background:#e9f7f8;
	font-size:13px;
}
.panel-dashboard-card.is-payment .panel-dashboard-card-head b{
	color:#8a5a00;
	background:#fff3d6;
}
.panel-dashboard-list{
	display:flex;
	margin:0;
	padding:0;
	flex-direction:column;
	gap:7px;
	list-style:none;
}
.panel-dashboard-list>li{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:14px;
	min-height:66px;
	padding:12px 13px 12px 17px;
	border:1px solid #e8eeee;
	border-radius:10px;
	background:#fafcfc;
	overflow:hidden;
	transition:border-color .18s ease,background-color .18s ease,transform .18s ease;
}
.panel-dashboard-list>li::before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:4px;
	border-radius:0;
	background:var(--panel-teal);
}
.panel-dashboard-list--payments>li::before{
	background:var(--panel-orange);
}
.panel-dashboard-list--invoices>li::before{
	background:#7896ce;
}
.panel-dashboard-list--support>li::before{
	background:#7667bf;
}
.panel-dashboard-list>li:hover{
	border-color:#cfdddd;
	background:#fff;
	transform:translateY(-1px);
}
.panel-dashboard-list-copy{
	display:flex;
	min-width:0;
	flex:1 1 auto;
	flex-direction:column;
	gap:4px;
}
.panel-dashboard-list-copy strong{
	overflow:hidden;
	color:var(--panel-dark);
	font-size:15px;
	line-height:1.3;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.panel-dashboard-list-copy small{
	overflow:hidden;
	color:#7d8b8e;
	font-size:12px;
	font-weight:600;
	line-height:1.3;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.panel-dashboard-list-side{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:8px;
	flex:0 0 auto;
}
.panel-dashboard-badge,
.panel-dashboard-status{
	display:inline-flex;
	align-items:center;
	min-height:28px;
	padding:0 10px;
	border-radius:7px;
	color:#16727d;
	background:#e7f5f6;
	font-size:11px;
	font-weight:900;
	white-space:nowrap;
}
.panel-dashboard-list--deadlines .panel-dashboard-badge{
	color:#8a5a00;
	background:#fff2d5;
}
.panel-dashboard-status--0{
	color:#176d78;
	background:#e5f5f7;
}
.panel-dashboard-status--1{
	color:#8a5a00;
	background:#fff1d2;
}
.panel-dashboard-status--2{
	color:#574599;
	background:#eeeafd;
}
.panel-dashboard-status--3,
.panel-dashboard-status--4{
	color:#537064;
	background:#e9f1ed;
}
.panel-dashboard-amount{
	color:var(--panel-dark);
	font-size:14px;
	font-weight:900;
	white-space:nowrap;
}
.client-panel #main .panel-dashboard-list-side>a{
	display:inline-flex;
	align-items:center;
	gap:5px;
	min-height:34px;
	padding:0 11px;
	border-radius:7px;
	color:#176f79;
	background:#e9f6f7;
	font-size:12px;
	font-weight:900;
	text-decoration:none;
	white-space:nowrap;
}
.client-panel #main .panel-dashboard-list-side>a:hover{
	color:#fff;
	background:#177b87;
}
.panel-dashboard-list-side>a b{
	font-size:11px;
	line-height:1;
}
.client-panel #main .panel-dashboard-card-more{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-top:10px;
	padding:10px 2px 2px;
	color:#607174;
	font-size:12px;
	font-weight:800;
	letter-spacing:.05em;
	text-decoration:none;
	text-transform:uppercase;
}
.client-panel #main .panel-dashboard-card-more:hover{
	color:#147783;
}
.panel-dashboard-card-more span{
	font-size:13px;
}
.panel-dashboard-table{
	width:100%;
	border-collapse:collapse;
}
.panel-dashboard-table th{
	padding:7px 6px;
	color:#859295;
	font-size:8px;
	font-weight:800;
	letter-spacing:.08em;
	text-align:left;
	text-transform:uppercase;
}
.panel-dashboard-table td{
	padding:9px 6px;
	border-top:1px solid #edf1f1;
	color:#435356;
	font-size:10px;
	vertical-align:middle;
}
.panel-dashboard-table td:last-child{
	text-align:right;
}
.panel-dashboard-table a{
	display:inline-flex;
	padding:5px 8px;
	border-radius:7px;
	color:#177b87;
	background:#edf8f9;
	font-size:9px;
	font-weight:800;
	text-decoration:none;
}
.panel-dashboard-empty{
	margin:0;
	padding:18px 10px;
	color:#829093;
	font-size:11px;
	text-align:center;
}

/* Stopka */
.client-panel .panel-footer-frame,
.client-panel #page+.footer,
.client-panel #wrapper>.footer{
	display:none!important;
}
.client-panel .panel-site-footer{
	width:100%;
	margin:22px auto 0;
	color:#8f999b;
	background:#252525;
}
.panel-site-footer>div{
	width:min(var(--panel-layout-max-width),calc(100% - 40px));
	margin:0 auto;
	padding:17px 0 19px;
	border-top:1px solid #3a3a3a;
	font-size:12px;
}

/* Czytelność typografii w całym panelu */
.client-panel #main{
	font-size:15px;
}
.client-panel #main p,
.client-panel #main li,
.client-panel #main td,
.client-panel #main dd,
.client-panel #main .panel-support-message-body{
	font-size:15px;
}
.client-panel #main small{
	font-size:13px;
}
.client-panel #main dt,
.client-panel #main label>span,
.client-panel #main [class$="-kicker"]{
	font-size:12px;
}
.client-panel #main a{
	font-size:14px;
}
.client-panel #main button,
.client-panel #main input,
.client-panel #main select,
.client-panel #main textarea{
	font-size:14px;
}
.client-panel #main table th{
	font-size:13px;
}
.client-panel .panel-dashboard-card-head h2,
.client-panel .panel-profile-card>header h2,
.client-panel .panel-profile-section>header h2,
.client-panel .panel-support-form-section h3{
	font-size:20px;
}
.client-panel .panel-dashboard-card-head h2{
	font-size:18px;
}
.client-panel #main .panel-dashboard-empty{
	margin:0;
	padding:18px 10px;
	color:var(--panel-muted);
	font-size:13px;
	font-weight:600;
	text-align:center;
}
.client-panel .panel-dashboard-card-head span,
.client-panel .panel-service-kicker,
.client-panel .panel-collection-head>div>span,
.client-panel .panel-profile-head>div:first-child>span,
.client-panel .panel-support-head>div>span,
.client-panel .panel-support-compose>header>span,
.client-panel .panel-support-reply>header>span{
	font-size:12px;
}
.client-panel .panel-dashboard-list-copy strong,
.client-panel .panel-service-actions strong,
.client-panel .panel-profile-card dd,
.client-panel .panel-domain-meta strong,
.client-panel .panel-support-ticket-list strong{
	font-size:15px;
}
.client-panel .panel-dashboard-list-copy small,
.client-panel .panel-service-actions small,
.client-panel .panel-profile-card dt,
.client-panel .panel-domain-meta span,
.client-panel .panel-support-ticket-list small{
	font-size:13px;
}
.client-panel .panel-dashboard-badge,
.client-panel .panel-dashboard-status,
.client-panel .panel-collection-status,
.client-panel .panel-domain-status{
	font-size:13px;
}
.client-panel .panel-user-copy small,
.client-panel .panel-logout{
	font-size:12px;
}
.client-panel .panel-sidebar-group-title{
	font-size:11px;
}
.client-panel .panel-sidebar-link{
	font-size:14px;
}
.client-panel #leftside .panel-box-title,
.client-panel #leftside .panel-bank-box dt{
	font-size:12px;
}
.client-panel #leftside .panel-bank-box p,
.client-panel #leftside .panel-bank-box address,
.client-panel #leftside .panel-bank-account{
	font-size:13px;
}
.client-panel #leftside .panel-bank-box dd{
	font-size:14px;
}
.client-panel .panel-collection-head p,
.client-panel .panel-profile-head p,
.client-panel .panel-support-head p{
	font-size:15px;
}
.client-panel .panel-collection-item-head>div:first-child>span,
.client-panel .panel-order-card-services>span,
.client-panel .panel-order-card-total>span,
.client-panel .panel-order-card-services li>span{
	font-size:12px;
}
.client-panel .panel-collection-item-head h2{
	font-size:20px;
}
.client-panel .panel-collection-item-head small{
	font-size:13px;
}
.client-panel .panel-domain-meta strong{
	font-size:15px;
}
.client-panel #main .panel-collection-head>a,
.client-panel #main .panel-collection-actions>a{
	min-height:42px;
	padding-right:14px;
	padding-left:14px;
	font-size:13px;
}
.client-panel .panel-profile-card dt,
.client-panel .panel-invoice-meta small,
.client-panel .panel-proforma-copy small,
.client-panel .panel-proforma-side small{
	font-size:12px;
}
.client-panel .panel-invoice-meta strong,
.client-panel .panel-proforma-copy em,
.client-panel .panel-proforma-side em,
.client-panel .panel-proforma-limit-info{
	font-size:13px;
}
.client-panel .panel-proforma-copy strong,
.client-panel .panel-proforma-side strong{
	font-size:16px;
}
.client-panel .panel-order-summary .order-summary-item td:nth-child(n+3)::before{
	font-size:12px;
}
.client-panel .panel-profile-card>header>span,
.client-panel .panel-profile-section>header>span,
.client-panel .panel-support-form-section>header>span{
	font-size:12px;
}
.client-panel .panel-profile-card>header p,
.client-panel .panel-profile-section>header p,
.client-panel .panel-support-compose>header p,
.client-panel .panel-support-reply>header p,
.client-panel .panel-support-form-section header p{
	font-size:13px;
}
.client-panel .panel-profile-preference strong,
.client-panel .panel-profile-check strong{
	font-size:15px;
}
.client-panel .panel-profile-preference small,
.client-panel .panel-profile-check small{
	font-size:13px;
}
.client-panel .panel-profile-account-summary span,
.client-panel .panel-support-history>header span,
.client-panel .panel-support-ticket-meta span{
	font-size:12px;
}
.client-panel .panel-profile-account-summary strong,
.client-panel .panel-support-ticket-meta strong,
.client-panel .panel-support-message>header strong{
	font-size:14px;
}
.client-panel .panel-profile-fields label,
.client-panel .panel-support-form-grid label{
	font-size:13px;
}
.client-panel .panel-profile-fields label>span small{
	font-size:12px;
}
.client-panel .panel-support-history>header h2,
.client-panel .panel-support-compose>header h2,
.client-panel .panel-support-reply>header h2{
	font-size:20px;
}
.client-panel .panel-support-ticket-id{
	font-size:13px;
}
.client-panel .panel-support-empty,
.client-panel .panel-support-form>footer>span{
	font-size:14px;
}
.client-panel .panel-support-message>header span,
.client-panel .panel-support-message time,
.client-panel .panel-support-message>footer span{
	font-size:12px;
}
.client-panel .panel-order-carousel-nav{
	font-size:13px;
}
.client-panel .panel-order-summary .order-summary-item td:nth-child(2)>b{
	font-size:15px;
}
.client-panel .panel-order-summary .dodatkowo,
.client-panel .order-payment-intro span,
.client-panel .order-payment-intro small{
	font-size:13px;
}
.client-panel .panel-dashboard-kicker{
	font-size:12px;
}
.client-panel .panel-dashboard-hero p{
	font-size:15px;
}
.client-panel .panel-owned-service-copy>span,
.client-panel .panel-owned-service-date>span{
	font-size:12px;
}

@media (max-width:1100px){
	.panel-appbar-nav{
		margin-left:25px;
	}
	.panel-appbar-nav a{
		padding:0 8px;
		font-size:13px;
	}
	.panel-appbar-site,
	.panel-user-copy{
		display:none;
	}
	.client-panel #page{
		grid-template-columns:235px minmax(0,1fr);
	}
	.client-panel #leftside{
		width:235px;
	}
}

@media (max-width:820px){
	.panel-appbar{
		height:68px;
	}
	.panel-appbar-utility{
		display:none;
	}
	.panel-appbar-inner{
		position:relative;
		justify-content:flex-start;
		width:calc(100% - 24px);
		min-height:68px;
	}
	.panel-app-brand{
		position:absolute;
		left:50%;
		top:50%;
		z-index:1;
		transform:translate(-50%,-50%);
	}
	.client-panel .panel-appbar .site-brand-copy{
		display:none;
	}
	.client-panel .panel-appbar .site-brand-symbol{
		width:40px;
		height:40px;
	}
	.panel-appbar-nav{
		display:none;
	}
	.panel-appbar-actions{
		position:relative;
		z-index:2;
		flex:1 1 auto;
		justify-content:space-between;
		gap:7px;
		width:100%;
		margin-left:0;
	}
	.panel-user-menu{
		padding:5px;
	}
	.panel-logout{
		display:inline-flex;
		margin-left:0;
		padding:7px 8px;
		font-size:10px;
	}
	.client-panel button.panel-nav-toggle,
	.client-panel button.panel-nav-toggle:hover,
	.client-panel button.panel-nav-toggle:focus{
		display:flex;
		align-items:center;
		justify-content:center;
		flex:0 0 auto;
		flex-direction:column;
		gap:4px;
		width:42px;
		height:42px;
		margin:0 0 0 auto;
		padding:0;
		border:1px solid var(--panel-line);
		border-radius:13px;
		color:var(--panel-dark);
		background:#fff;
		box-shadow:none;
		font:inherit;
		cursor:pointer;
	}
	.panel-nav-toggle span{
		display:block;
		width:17px;
		height:2px;
		border-radius:2px;
		background:currentColor;
	}
	.panel-nav-toggle b{
		position:absolute;
		width:1px;
		height:1px;
		overflow:hidden;
		clip:rect(0,0,0,0);
	}
	.client-panel.panel-nav-open button.panel-nav-toggle span:nth-child(1){
		transform:translateY(6px) rotate(45deg);
	}
	.client-panel.panel-nav-open button.panel-nav-toggle span:nth-child(2){
		opacity:0;
	}
	.client-panel.panel-nav-open button.panel-nav-toggle span:nth-child(3){
		transform:translateY(-6px) rotate(-45deg);
	}
	.client-panel #page{
		display:block;
		width:calc(100% - 24px);
		margin-top:16px;
	}
	.client-panel #leftside{
		position:fixed;
		z-index:1200;
		left:0;
		top:68px;
		bottom:0;
		width:min(310px,88vw);
		border-radius:0 18px 18px 0;
		overflow-y:auto;
		visibility:hidden;
		opacity:0;
		transform:translateX(-100%);
		transition:transform .25s ease,opacity .25s ease,visibility .25s ease;
	}
	.client-panel.panel-nav-open #leftside{
		visibility:visible;
		opacity:1;
		transform:translateX(0);
	}
	.client-panel.panel-nav-open #wrapper::after{
		content:"";
		position:fixed;
		z-index:1190;
		inset:68px 0 0;
		background:rgba(8,29,33,.45);
	}
	.client-panel #main{
		width:100%;
	}
	.panel-dashboard-hero{
		align-items:flex-start;
		flex-direction:column;
	}
	.panel-dashboard-actions{
		justify-content:flex-start;
	}
	.panel-dashboard-grid{
		grid-template-columns:1fr;
	}
	.panel-proforma-grid{
		grid-template-columns:1fr;
	}
	.client-panel .panel-order-summary .order-summary-item{
		align-items:start;
		grid-template-columns:34px minmax(0,1fr);
	}
	.client-panel .panel-order-summary .order-summary-item td:nth-child(n+3){
		grid-column:2;
		text-align:left;
	}
	.panel-hosting-facts{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
	.panel-hosting-usage-grid{
		grid-template-columns:1fr;
	}
	.panel-site-footer>div{
		width:calc(100% - 24px);
	}
}

@media (max-width:560px){
	.client-panel .panel-appbar .site-brand-copy strong{
		font-size:18px;
	}
	.client-panel .panel-appbar .site-brand-copy small{
		display:none;
	}
	.panel-user-avatar{
		width:34px;
		height:34px;
	}
	.client-panel #main>.frame>.wb,
	.client-panel #main>form>.frame>.wb{
		padding:16px;
	}
	.client-panel #main>.panel-empty-state>.wb{
		min-height:280px;
	}
	.panel-empty-state-content{
		grid-template-columns:1fr;
	}
	.panel-empty-state-icon{
		width:50px;
		height:50px;
	}
	.panel-dashboard-hero{
		padding:22px;
	}
	.panel-dashboard-hero h1{
		font-size:23px;
	}
	.client-panel #main .panel-proforma-card{
		padding:14px;
		grid-template-columns:42px minmax(0,1fr);
		gap:12px;
	}
	.panel-proforma-type{
		width:42px;
		height:42px;
	}
	.panel-proforma-side{
		align-items:flex-start;
		padding-left:54px;
		grid-column:1/-1;
		text-align:left;
	}
	.panel-invoice-meta{
		grid-template-columns:1fr 1fr;
	}
	.panel-invoice-ksef{
		grid-column:1/-1;
	}
	.panel-hosting-account-head,
	.panel-hosting-usage>header{
		align-items:flex-start;
		flex-direction:column;
	}
	.panel-hosting-facts{
		grid-template-columns:1fr;
	}
	.panel-hosting-usage-item{
		grid-template-columns:1fr;
	}
	.panel-hosting-usage-item>small{
		text-align:left;
	}
	.panel-hosting-actions{
		align-items:stretch;
		flex-direction:column;
	}
	.client-panel #main .panel-hosting-actions>a{
		width:100%;
	}
	.panel-dashboard-actions{
		display:grid;
		grid-template-columns:1fr 1fr;
		width:100%;
	}
	.panel-dashboard-actions a{
		justify-content:center;
		text-align:center;
	}
	.panel-dashboard-card{
		padding:15px;
		overflow-x:auto;
	}
	.panel-dashboard-list>li{
		align-items:flex-start;
		flex-direction:column;
	}
	.panel-dashboard-list-copy{
		width:100%;
	}
	.panel-dashboard-list-side{
		width:100%;
		justify-content:space-between;
	}
	.panel-owned-services{
		grid-template-columns:1fr;
	}
	.panel-owned-service{
		grid-template-columns:1fr;
	}
	.panel-owned-service-date{
		padding:10px 0 0;
		border-top:1px solid var(--panel-line);
		border-left:0;
	}
	.client-panel #main .panel-owned-service>a{
		justify-content:center;
	}
	.panel-collection-head{
		align-items:flex-start;
		flex-direction:column;
	}
	.client-panel #main .panel-collection-head>a{
		width:100%;
		justify-content:center;
	}
	.panel-domain-grid{
		grid-template-columns:1fr;
	}
	.panel-dns-head{
		align-items:flex-start;
		flex-direction:column;
	}
	.client-panel #main .panel-dns-head>a{
		width:100%;
		justify-content:center;
	}
	.panel-dns-current-grid,
	.panel-dns-form-grid{
		grid-template-columns:1fr;
	}
	.panel-dns-form>footer{
		justify-content:stretch;
	}
	.client-panel .panel-dns-form>footer button{
		width:100%;
	}
	.panel-order-card-body{
		grid-template-columns:1fr;
	}
	.panel-order-card-services ul{
		grid-template-columns:1fr;
	}
	.panel-order-card-total{
		padding:14px 0 0;
		border-top:1px solid var(--panel-line);
		border-left:0;
		text-align:left;
	}
	.panel-collection-actions{
		align-items:stretch;
		flex-direction:column;
	}
	.client-panel #main .panel-collection-actions>a{
		justify-content:center;
	}
	.client-panel #main .panel-collection-actions>a.is-danger{
		margin-left:0;
	}
	.panel-profile-head{
		align-items:flex-start;
		flex-direction:column;
	}
	.panel-profile-head-actions{
		display:grid;
		grid-template-columns:1fr 1fr;
		width:100%;
	}
	.panel-profile-head-actions a,
	.panel-profile-head-actions button{
		width:100%;
	}
	.panel-profile-overview,
	.panel-profile-data-grid,
	.panel-profile-fields,
	.panel-profile-account-summary{
		grid-template-columns:1fr;
	}
	.panel-profile-card--wide{
		grid-row:auto;
	}
	.panel-profile-fields label.is-full{
		grid-column:auto;
	}
	.panel-profile-form-actions{
		align-items:stretch;
		flex-direction:column-reverse;
	}
	.client-panel #main .panel-profile-form-actions>a,
	.client-panel #main .panel-profile-form-actions button{
		width:100%;
	}
	.client-panel #main .panel-profile-head>a{
		width:100%;
		justify-content:center;
	}
	.panel-support-head{
		align-items:flex-start;
		flex-direction:column;
	}
	.client-panel #main .panel-support-head>a{
		width:100%;
		justify-content:center;
	}
	.client-panel #main .panel-support-ticket-list>a{
		grid-template-columns:1fr 22px;
		gap:5px 10px;
	}
	.panel-support-ticket-list strong,
	.panel-support-ticket-list small{
		grid-column:1;
	}
	.panel-support-ticket-list>a>b{
		grid-column:2;
		grid-row:1/4;
	}
	.panel-support-form-grid,
	.panel-support-ticket-meta{
		grid-template-columns:1fr;
	}
	.panel-support-form-grid label.is-full,
	.panel-support-ticket-meta>div.is-wide{
		grid-column:auto;
	}
	.panel-support-ticket-meta>div{
		border-right:0;
		border-bottom:1px solid #e1e8e9;
	}
	.panel-support-ticket-meta>div:last-child{
		border-bottom:0;
	}
	.panel-support-form>footer{
		align-items:stretch;
		flex-direction:column;
	}
	.panel-support-message{
		width:100%;
	}
	.client-panel #page .order-payment-action input[type=submit]{
		width:100%;
		min-width:0;
	}
	.client-panel .panel-order-summary .order-summary-item{
		align-items:start;
		grid-template-columns:34px minmax(0,1fr);
	}
	.client-panel .panel-order-summary .order-summary-item td:nth-child(n+3){
		grid-column:2;
		text-align:left;
	}
	.client-panel .panel-order-summary .order-summary-total{
		grid-template-columns:1fr;
	}
	.client-panel .panel-order-summary .order-summary-total td:first-child{
		text-align:left;
	}
	.client-panel .panel-order-summary .order-payment-intro{
		grid-template-columns:1fr;
	}
	.client-panel .panel-order-summary .order-payment-intro strong{
		grid-row:auto;
		grid-column:auto;
	}
	.client-panel #main .order-bank-toggle{
		width:100%;
		margin-top:10px;
		grid-row:auto;
		grid-column:auto;
	}
	.order-bank-details{
		grid-template-columns:1fr;
	}
	.panel-service-launcher-head{
		gap:12px;
	}
	.panel-service-launcher-head h3{
		font-size:18px;
	}
	.panel-service-actions{
		grid-template-columns:1fr;
	}
	.panel-order-preview-head,
	.panel-order-detail-head{
		align-items:flex-start;
		flex-direction:column;
	}
	.client-panel #main .panel-order-preview-head>a,
	.client-panel #main .panel-order-detail-head>a{
		width:100%;
		justify-content:center;
	}
	.panel-order-carousel-nav{
		align-items:flex-start;
		flex-direction:column;
	}
	.client-panel table.order_form{
		min-width:620px;
	}
	.client-panel #main>.frame{
		overflow-x:auto;
	}
}

/* Belka pomocnicza u góry panelu — typografia jak strona publiczna (nie dziedziczy Segoe UI z body) */
.client-panel header.panel-appbar .site-header-utility{
	color:#d8e2e3;
	font-family:Verdana,Arial,"Times New Roman",sans-serif;
	font-size:11px;
	line-height:normal;
	font-weight:400;
}
.client-panel header.panel-appbar .site-header-utility .site-header-promise{
	display:flex;
	align-items:center;
	gap:9px;
	margin:0;
	font-family:inherit;
	font-size:11px;
	font-weight:400;
	letter-spacing:.04em;
	line-height:normal;
	color:#d8e2e3;
}
.client-panel header.panel-appbar .site-header-utility .site-header-promise span{
	width:7px;
	height:7px;
	border-radius:50%;
	background:#ed9f0f;
	box-shadow:0 0 0 4px rgba(237,159,15,.13);
}
.client-panel header.panel-appbar .site-header-utility .site-utility-nav{
	display:flex;
	align-items:center;
	flex-shrink:0;
	gap:23px;
	height:100%;
}
.client-panel header.panel-appbar .site-header-utility .site-utility-nav a{
	position:relative;
	color:#b9c6c7;
	font-family:inherit;
	font-size:11px;
	font-weight:600;
	line-height:normal;
	letter-spacing:normal;
	text-decoration:none;
	white-space:nowrap;
	transition:color .2s ease;
}
.client-panel header.panel-appbar .site-header-utility .site-utility-nav a:first-child{
	color:#fff;
}
.client-panel header.panel-appbar .site-header-utility .site-utility-nav a+a::before{
	content:"";
	position:absolute;
	left:-12px;
	top:50%;
	width:2px;
	height:2px;
	border-radius:50%;
	background:#536568;
}
.client-panel header.panel-appbar .site-header-utility .site-utility-nav a:hover{
	color:#ed9f0f;
}

/* Impersonate mode — amber frame + fixed bottom bar */
body.is-impersonating{
	box-shadow: inset 0 0 0 6px #f5c518;
}
body.is-impersonating #wrapper{
	padding-bottom: 72px;
}
.impersonate-bar{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10050;
	background: #f5c518;
	border-top: 1px solid #d4a80f;
	color: #1a1a1a;
	box-shadow: 0 -2px 12px rgba(0,0,0,.12);
}
.impersonate-bar.is-hidden{
	display: none;
}
.impersonate-bar-inner{
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	max-width: 1200px;
	margin: 0 auto;
	padding: 10px 16px;
	box-sizing: border-box;
}
.impersonate-bar-icon{
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #1a1a1a;
	color: #f5c518;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
}
.impersonate-bar-text{
	flex: 1 1 220px;
	margin: 0;
	font-size: 14px;
	line-height: 1.4;
}
.impersonate-bar-text strong{
	font-weight: 700;
}
.impersonate-bar-actions{
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 0 0 auto;
}
.impersonate-bar-form{
	display: inline;
	margin: 0;
}
.impersonate-bar-btn{
	display: inline-block;
	padding: 8px 14px;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid transparent;
	box-sizing: border-box;
}
.impersonate-bar-btn-primary{
	background: #1e3a5f;
	border-color: #1e3a5f;
	color: #fff;
}
.impersonate-bar-btn-primary:hover{
	background: #162c48;
	border-color: #162c48;
	color: #fff;
}
.impersonate-bar-btn-secondary{
	background: #e8e8e8;
	border-color: #cfcfcf;
	color: #1a1a1a;
}
.impersonate-bar-btn-secondary:hover{
	background: #ddd;
	color: #1a1a1a;
}
.impersonate-bar-close{
	flex: 0 0 auto;
	margin-left: auto;
	width: 28px;
	height: 28px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #1a1a1a;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	opacity: .7;
}
.impersonate-bar-close:hover{
	opacity: 1;
}
@media (max-width: 640px){
	.impersonate-bar-inner{
		padding: 10px 12px;
	}
	.impersonate-bar-actions{
		width: 100%;
	}
	.impersonate-bar-btn{
		flex: 1 1 auto;
		text-align: center;
	}
	.impersonate-bar-close{
		position: absolute;
		top: 6px;
		right: 6px;
		margin-left: 0;
	}
	.impersonate-bar-inner{
		position: relative;
		padding-right: 36px;
	}
}