.form-control{
	border:none;
	border-bottom:1px solid #DEDEDE;
	color:#000;
	font-size:12px;
	line-height:15px;
	border-radius:0;
}
.form-control:focus{
	border:none;
	border-bottom:1px solid #000;
	box-shadow:none;
	outline:none;
}
div.box-polecane input[name="polecane"] {
  display: none;
}

div.box-polecane input[name="polecane"] + label {
  font-size: 13px;
  line-height: 24px;
  text-align: center;
  color: #000000;
  padding: 7px 30px;
  border: 1px solid #000;
  border-radius: 5px;
  width: 100%;
  cursor:pointer;
}


div.box-polecane input[name="polecane"]:checked + label {
  background: var(--blue);
  color: #fff;
}

div.box-pnmcs input[name="nacostac"] + label {
  cursor:pointer;
}
li.li-akt-filtr{
	margin-bottom:10px;
}
.wysylka-paczkomaty iframe{
	border:0px solid white;
	padding:0;
	margin:0;
	width:100%;
	height:600px
}
.img-tk{
	max-width:100%;
}
.event.orange{
	background:#fd7e14!important;
}
.event.red{
	background:#dc3545!important;
	color:#fff!important;
}
.event.blue{
	background:#007bff!important;
	color:#fff!important;
}
.event.purple{
	background:#6f42c1!important;
	color:#fff!important;
}
.event.green{
	background:#28a745!important;
	color:#fff!important;
}
ol.days li:last-child{
	color:#dc3545!important;
}
#MainMenu p.p-main{
	max-width:60px;
}
@media only screen and (max-width: 768px) {
  #MainMenu p.p-main{
    max-width: 100%;
  }
}
#pokaz-saldo {
    display: inline-block;
    margin: 0;
    padding: 8px 20px;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    color: #fff;
    background-color: var(--blue);
    border-radius: 4px;
	border:none;
}
.calendar li{transition:0.5s ease all;}
.calendar .moj-event > span{display:none;transition:0.5s ease all;}
.calendar .li:hover .moj-event > span,
.moj-event:hover > span{
	display:block!important;
	margin-top:10px;
}
.moj-event:hover > span a{
	font-size:11px;
	color:#000;
}
.hideme{
	display:none!important;
}
.hidemeopacity{
	opacity:0;
}
.promocja div.box-sin-pst-rgt{
	float:right;
}
.sd-user .bg-cont-slide{
	background-size:contain;
}

ul.ul-main li.color-blue.show-menu ul.ul-submenu li:hover,
ul.ul-main li.color-blue.show-menu ul.ul-submenu li.active,
ul.ul-main li.color-blue.show-menu ul.ul-submenu li:focus-within {
  background-color: var(--blue);
}
ul.ul-main li.color-orange.show-menu ul.ul-submenu li:hover,
ul.ul-main li.color-orange.show-menu ul.ul-submenu li.active,
ul.ul-main li.color-orange.show-menu ul.ul-submenu li:focus-within {
  background-color: var(--orange);
}
ul.ul-main li.color-yellow.show-menu ul.ul-submenu li:hover,
ul.ul-main li.color-yellow.show-menu ul.ul-submenu li.active,
ul.ul-main li.color-yellow.show-menu ul.ul-submenu li:focus-within {
  background-color: var(--yellow);
}
ul.ul-main li.color-black.show-menu ul.ul-submenu li:hover,
ul.ul-main li.color-black.show-menu ul.ul-submenu li.active,
ul.ul-main li.color-black.show-menu ul.ul-submenu li:focus-within {
  background-color: var(--black);
}
ul.ul-main li.color-green.show-menu ul.ul-submenu li:hover,
ul.ul-main li.color-green.show-menu ul.ul-submenu li.active,
ul.ul-main li.color-green.show-menu ul.ul-submenu li:focus-within {
  background-color: var(--blue);
}
ul.ul-main li.color-purple.show-menu ul.ul-submenu li:hover,
ul.ul-main li.color-purple.show-menu ul.ul-submenu li.active,
ul.ul-main li.color-purple.show-menu ul.ul-submenu li:focus-within {
  background-color: var(--purple);
}
ul.ul-main li.color-teal.show-menu ul.ul-submenu li:hover,
ul.ul-main li.color-teal.show-menu ul.ul-submenu li.active,
ul.ul-main li.color-teal.show-menu ul.ul-submenu li:focus-within {
  background-color: var(--teal);
}
ul.ul-main li.color-brown.show-menu ul.ul-submenu li:hover,
ul.ul-main li.color-brown.show-menu ul.ul-submenu li.active,
ul.ul-main li.color-brown.show-menu ul.ul-submenu li:focus-within {
  background-color: var(--brown);
}
ul.ul-main li.color-red.show-menu ul.ul-submenu li:hover,
ul.ul-main li.color-red.show-menu ul.ul-submenu li.active,
ul.ul-main li.color-red.show-menu ul.ul-submenu li:focus-within {
  background-color: var(--red);
}
ul.ul-main li.color-light-blue.show-menu ul.ul-submenu li:hover,
ul.ul-main li.color-light-blue.show-menu ul.ul-submenu li.active,
ul.ul-main li.color-light-blue.show-menu ul.ul-submenu li:focus-within {
  background-color: var(--light-blue);
}
ul.ul-main li.show-menu ul.ul-submenu li:hover svg.svg-sm path,
ul.ul-main li.show-menu ul.ul-submenu li.active svg.svg-sm path,
ul.ul-main li.show-menu ul.ul-submenu li:focus-within svg.svg-sm path {
  fill: #fff;
}
ul.ul-main li.show-menu ul.ul-submenu li:hover a.a-submenu,
ul.ul-main li.show-menu ul.ul-submenu li.active a.a-submenu,
ul.ul-main li.show-menu ul.ul-submenu li:focus-within a.a-submenu {
  color: #fff;
}

/* Custom Choose file */
.__lk-fileInput {
  cursor: pointer;
  width: 100%;
}
.__lk-fileInput input {
  display: none;
}
.__lk-fileInput span {
  display: inline-block;
  color: #fff;
  margin: 0 0 10px;
  padding: 10px 30px;
  text-decoration: none;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: var(--red);
  background: transparent;
  border-radius: 0px;
  border: 2px solid var(--red);
  text-transform: uppercase;

  transition: color .3s ease-in-out, background-color .3s ease-in-out;
}
.__lk-fileInput span:hover {
  background: var(--red);
  color: #fff;
  border: 2px solid var(--red);
}
.__lk-fileInput span.withFile:after {
  content: '╳';
  display: inline-block;
  vertical-align: middle;
  margin-left: 14px;
  font-size: 10px;
  margin-top: -3px; 
}
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; width:auto!important}
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; background:#fff; cursor:pointer;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #005EAA; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
.box-nfr-top{
	overflow:hidden;
	width:100%;
}
.p-nag-lim-pkt.p-prod-sgl-pkt::before {
    display:none;
	content: '';
    background-image: url(../img/nagrody/ico-logo-pkt.png);
    width: 16px;
    height: 16px;
    /*display: inline-block;*/
    background-size: 16px 16px;
    position: relative;
    top: 3px;
    left: -9px;
	
}
@media only screen and (max-width: 768px) {
	table.dataTable{
		max-width:100%!important;
	}
  .__lk-fileInput span {
    padding: 10px;
  }
  .col-ms-nav-c.mob-cnt > a{
	margin-bottom:20px;
}
}
.p-sgl-blad{
	color:red!important;
}
.mobi-dzien{
	display:none;
}

@media only screen and (max-width: 768px) {
	.calendar ol.days.list-unstyled{
		margin-bottom:0;
	}
	.calendar .days li{
		min-height:3.5rem;
	}
	.calendar .days li.outside{
		display:none;
	}
	.mobi-dzien{
		display:inline-block;
	}
	.calendar .days li{
		width:100%;
	}
	.calendar .day-names{
		display:none;
	}
	.calendar .days li .date{
		float:left;
		margin-right:10px;
		padding-right:10px;
		font-size:125%;
		border-right:1px solid #ddd;
		width:35px;
		margin-top:5px;
	}
	.calendar .days li .events{
		margin-top:5px;
	}
	.calendar .days{
		border-bottom:none;
	}
}
li.active p.p-pow-cart{background:#fff;color:#48646E}
nav.nav-h ul.ul-dropmenu li:last-child table.tab-pow td,
nav.nav-h ul.ul-dropmenu li:last-child table.tab-pow th{
	border-bottom:none;
}
.vcont,.YTplayer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	text-align:center;
	display:none;
}
#vcont2,
.vcont iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.acont{
	text-align:center;
}
.params .parametr{max-width:235px;}
.box-side-wyd tr{
	border-bottom:1px solid var(--gray);
}
.box-side-wyd tr:last-child{
	border-bottom:0px solid var(--gray);
}
.box-side-wyd tr td{
	padding-top:1rem;
}
.box-side-wyd tr:first-child td{
	padding-top:0rem;
}
p.p-bsw-txt{
	text-align:left;
}

/*mapa*/
#map  
{  
	height: 75vh;  
	/*max-height:60%;*/
	width: 100%;  
	margin: auto auto;  
	border: solid 2px #0d6b7a;  
	-webkit-transform: translateZ(0);  
	z-index: 10;  
}  
  
#map-canvas {  
	height: 100%;  
	width: 100%;  
	margin: 0px;  
	padding: 0px;  
	z-index: 10;  
}  
#map-canvas2 {  
	height: 100%;  
	width: 100%;  
	margin: 0px;  
	padding: 0px;  
	z-index: 10;  
}  
.controls {  
	margin-top: 16px;  
	border: 1px solid #0d6b7a;  
	box-sizing: border-box;  
	-moz-box-sizing: border-box;  
	height: 32px;  
	outline: none;  
	/* box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); */  
	background-color: floralwhite;  
	border-radius: 5px;  
}  
  
#pac-input {  
	background-color: #fff;  
	font-family: Inter, system-ui, sans-serif;  
	font-size: 15px;  
	font-weight: 300;  
	margin-left: 12px;  
	padding: 0 11px 0 13px;  
	text-overflow: ellipsis;  
	width: 80%;  
	z-index: 1081;  
}  
  
#pac-input:focus {  
	border-color: #0088FF;  
}  
  
.pac-container {  
	font-family: Inter, system-ui, sans-serif;  
}  
  
#type-selector {  
	color: #fff;  
	background-color: #4d90fe;  
	padding: 5px 11px 0px 11px;  
}  
  
#type-selector label {  
	font-family: Inter, system-ui, sans-serif;  
	font-size: 13px;  
	font-weight: 300;  
}  
.pac-container {  
	background-color: #FFF;  
	z-index: 100000 !important;
	position: fixed;  
	display: inline-block;  
	float: left;  
}  
.lat,.lon{
	border:none;
	background:transparent;
	cursor-events:none;
}
.btn-loc{
	display:block;
}
#inwestycja-mapa{
	width:100%;
	height:300px;
	margin-top:40px;
}
.zdjecia{
	margin-top:20px;
}
.zdjecia img{
	margin:10px 0;
}
.inwestycja-head{
	display:block;
	color:var(--blue);
	font-weight:bold;
	margin-top:0px;
	margin-bottom:20px;
	position:relative;
	padding-left:15px;
}

.inwestycja-head::before {
    content: '';
    width: 4px;
    height: 26px;
    border-radius: 53px;
    display: block;
    position: absolute;
    left: 0;
    top: -3px;
	background:var(--blue);
}
.adres-radio label{
	font-weight:normal;
}
.adres-radio span{
	font-size:125%;
	font-weight:bold;
}
.wybor-adresu{
	text-align:center;
}
#form-wizytowka textarea{
	height:200px;
}
.filechange img,.form-group-file img{
	max-width:150px;
}
.filechange input{
	margin-bottom:15px;
}
body.inwestycje .filechange img{
	margin-bottom:15px;
}
.min-340{
	min-height:340px;
}
/**

second main KAN-therm

**/

  /** new global **/
main#Main {
  /*background-image: url('../img/_global/bg-main.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;*/
}
body {
  overflow-x: hidden;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6 {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
a, p, button, input {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

  /** new news slider **/
div.box-nf-lft {
  background: var(--red);
  box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 20px rgba(0, 0, 0, 0.15);
  /*border-radius: initial;*/
}
div.box-nfr-top {
  background-color: #fff;
  /*border-radius: initial;*/
}
div.box-nfr-btm {
  background-color: var(--blue);
  /*border-radius: initial;*/
}

/** new footer **/
img.img-f-logo {
  max-width: 340px;
  width: 100%;
}
p.p-f {
  /* margin-top: 15px; */
  margin-top: 0px;
}

/** news sidebar kalendarz **/
div.sd-user-data {
  position: relative;
  margin: 30px 0 0 0;
  padding: 20px 15px;
  text-align: center;
  border-radius: 0px;
  -webkit-box-shadow: 0px 3px 6px rgb(75 81 91 / 15%), 0px 1px 20px rgb(0 0 0 / 15%);
  box-shadow: 0px 3px 6px rgb(75 81 91 / 15%), 0px 1px 20px rgb(0 0 0 / 15%);

  /* background-image: url('../img/_global/bg-data.jpg'); */
  /* background-size: cover; */
  /* background-position: center; */
  /* background-repeat: no-repeat; */
  background-color: var(--blue);
}
p.p-sd-dzien {
  margin: 0 0 30px 0;
  font-weight: 700;
  font-size: 13px;
  line-height: 17px;
  color: var(--white);
}
p.p-sd-data {
  margin: 0;
  font-weight: 700;
  font-size: 100px;
  line-height: 45px;
  color: #fff;
}
p.p-sd-data span {
  font-size: 40px;
  line-height: 50px;
}
p.p-sd-rok {
  margin: 15px 0 0 0;
  font-weight: 350;
  font-size: 28px;
  line-height: 37px;
  letter-spacing: 9.5px;
  color: #fff;
}
.usunusluge,.usunfv,.usunzdjecie{
	margin-left:5px;
	line-height:0.5;
	padding:5px;
	font-size:10px;
}
.notice-red{
	color:var(--red);
	font-size:12px;
	margin-top:0px;
	margin-bottom:10px;
}
.box4 .p-cont-title{
	display:none;
}
div.box-side-wyd div.bg-cont-slide{
	height:243px;
}

/* Spójnie z .box-home-pula (sidebar) */
div.box-side-wyd {
	-webkit-box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 20px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 20px rgba(0, 0, 0, 0.15);
	border-radius: 0;
}
table th{text-align:center;}

.trapezoid-container{
  	position: relative;
  margin-left: 100px;
  width: 200px;
  height: 200px;
  
  }
.trapezoid {
	background: none;
	position: relative;
	position:absolute;
  	content:"";
	width: 40%;
	height: 100%;
	right: 20px;
	top:0;
}
.trapezoid:before {
	background: none;
	position:absolute;
  	content:"";
	width: 60%;
height: 100%;
right: 23%;
transform: skew(-20deg);	
}
.trapezoid:after {
	/* background: rgba(255,255,255,1.0); */
	background: linear-gradient(to bottom, var(--white), #dfdfdf);
	position:absolute;
  	content:"";
	width: 500%;
height: 100%;
right: 158%;
transform: skew(20deg);
}

.fluid-login{
	/*position:absolute;
	 top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);*/
}

.sd-user table.tab-bsw {
    width: 100%;
}

@media only screen and (max-width: 768px) {
	.fluid-login{
		position:initial;
		 top: initial;
		-ms-transform: initial;
		transform: initial;
		
	}
	#MainLogin{
		background:none;
		background:#fff!important;
	}
	.trapezoid{display:none;}
	div.box-login-logo{position:relative!important;bottom:initial;left:initial}
	div.w520{
		margin-right:initial;
	}
	
}


	.box-fp-cont-warunki{
	max-height:256px;
	overflow:hidden;
	overflow-y:auto;
	margin-bottom:0;
	}
	
	.box-fp-cont-warunki img{
		max-width:100%;
		/* margin-left: -4px; */
	}
	.box-fp-foot-warunki{
		margin-top:0!important;
	}
	.box-fp-foot-warunki #warunki-more{
		margin-bottom:20px;
		width:100%;
		margin-top:0;
		/* border-top-left-radius:0; */
		/* border-top-right-radius:0; */
		border-radius: 0;
	}
	
a.btn-nag-lim-ddk,
div.btn-nag-lim-ddk,
button.btn-nag-lim-ddk,
button.btn-nag-lim-ddk:active,
button.btn-nag-lim-ddk:visited {
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  background-color: var(--blue);
  border: 2px solid var(--blue);
  -webkit-filter: drop-shadow(0px 10px 30px rgba(0, 0, 0, 0.15));
          filter: drop-shadow(0px 10px 30px rgba(0, 0, 0, 0.15));
  padding: 12px 24px;
  /* border-radius: 0px; */
  -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -o-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  transition: color .3s ease-in-out, background-color .3s ease-in-out;
}

a.btn-nag-lim-ddk{
	padding:5px 12px;
	margin-top:-5px;
}

a.btn-nag-lim-ddk:hover,
div.btn-nag-lim-ddk:hover,
button.btn-nag-lim-ddk:hover,
button.btn-nag-lim-ddk:focus {
  color: var(--blue);
  background-color: transparent;
  text-decoration: none;
}

/* Szczegóły promocji: sam przycisk Regulamin (PDF), wyrównany do prawej nad opisem */
.promo-regulamin-only {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-bottom: 0.75rem;
}
a.promo-link-regulamin {
  flex-shrink: 0;
}

#klauzulainf{
	max-height:200px;
	font-size:12px;
	line-height:14px;
	overflow:hidden;
	overflow-y:auto;
	border:1px solid #eee;
	padding:20px;
}

.rp-table-30 {
    padding-right: 30px!important;
	/* margin-right: 5px!important; */
}

@media only screen and (max-width: 1025px) {
	.img-login-motto{
		display: none;
	}
}

table.dataTable {
    font-size: 14px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child {
	text-align:left;
}

.head-marg-bot-10 {
    margin-bottom: 10px!important;
}

section.sec-underslider{
	padding-bottom:0;
}
.underslider_pasek{
	background:var(--akcent3);
	color:#fff;
	text-transform:uppercase;
	font-weight: 900;
    font-size: 24px;
	padding:5px 16px;
	margin-bottom:14px;
}

.col-b7 > a > div{
	padding:15px;
	padding-bottom:0;
}
.col-b7:first-child > a > div{
	padding-left:0;
}
.col-b7:last-child > a > div{
	padding-right:0;
}.col-b7:nth-child(2)> a > div{
	padding:16px 8px;
	padding-bottom:0;
}
@media only screen and (max-width: 768px) {
	.underslider_pasek{
		font-size:20px;
	}
	.col-b7 > a > div{
		padding:10px 0!important;
	}
}

/* Box informacyjny z zasadami korzystania z karty */
.box-info-zasady {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.box-info-header {
    background: var(--blue);
    color: #fff;
    padding: 15px 20px;
    border-radius: 8px 8px 0 0;
}

.box-info-header .h3-info {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

.box-info-content {
    padding: 20px;
}

.box-info-content .p-info-intro {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 20px;
    color: #333;
}

.info-section {
    margin-bottom: 20px;
}

.info-section:last-child {
    margin-bottom: 0;
}

.info-section .h4-info {
    font-size: 16px;
    font-weight: 600;
    color: var(--blue);
    margin-bottom: 10px;
}

.info-section .ul-info {
    margin: 0;
    padding-left: 20px;
}

.info-section .ul-info li {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 8px;
    color: #555;
}

.info-section .ul-info li:last-child {
    margin-bottom: 0;
}
.custom-control-input:checked~.custom-control-label::before{
	border-color:var(--blue);
	background-color:var(--blue);
}
.dropdown-item:focus, .dropdown-item:hover,
.dropdown-item:active{
	background-color:var(--blue);
	color:#fff;
}
.sec-zapros-uczestnika{
	margin-bottom:20px;
}
.sec-zapros-uczestnika .btn-invite-toggle{
	width:100%;
}
.sec-zapros-uczestnika input,
.sec-zapros-uczestnika select{
	margin-top:10px;
}

/** Dashboard sidebar – poziomy 0 i 1 (Administrator / Marketing) */
.bsu-dashboard-admin {
	text-align: center;
	padding: 0 0 20px;
}
.bsu-dashboard-admin .bsu-dashboard-avatar {
	width: 80px;
	height: 80px;
	margin: 0 auto 14px;
	border: 3px solid rgba(0, 0, 0, 0.06);
}
.bsu-dashboard-admin .bsu-dashboard-name {
	font-size: 15px;
	font-weight: 700;
	color: var(--black, #181C2F);
	margin: 0 0 4px;
	line-height: 1.3;
}
.bsu-dashboard-admin .bsu-dashboard-rola {
	font-size: 12px;
	color: #5c6378;
	margin: 0 0 20px;
	padding-bottom: 16px;
}
.bsu-dashboard-stats {
	margin-bottom: 16px;
}
.bsu-dashboard-stats-title,
.bsu-dashboard-hurtownie .bsu-dashboard-stats-title {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #5c6378;
	margin: 0 0 10px;
	font-weight: 600;
}
.bsu-dashboard-list {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
.bsu-dashboard-list-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 12px;
	margin-bottom: 6px;
	background: #f4f5f8;
	border-radius: 8px;
	font-size: 13px;
}
.bsu-dashboard-list-item .bsu-dashboard-label {
	color: #181C2F;
}
.bsu-dashboard-list-item .bsu-dashboard-value {
	font-weight: 700;
	color: var(--blue, #0d6efd);
}
.bsu-dashboard-hurtownie {
	margin-bottom: 18px;
}
.bsu-dashboard-hurtownie-val {
	font-size: 22px;
	font-weight: 700;
	margin: 0;
	color: var(--black, #181C2F);
}
.bsu-dashboard-hurtownie-val .bsu-dashboard-hurt-sep {
	color: #adb5bd;
	font-weight: 400;
	margin: 0 2px;
}
.bsu-dashboard-hurtownie-val .bsu-dashboard-hurt-aktywne {
	color: var(--blue, #0d6efd);
}
.bsu-dashboard-btn-statystyki {
	display: block;
	width: 100%;
	padding: 12px 20px;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	background: var(--blue, #0d6efd);
	color: #fff;
	border: none;
	border-radius: 8px;
	text-align: center;
	text-decoration: none;
	transition: background 0.2s ease, transform 0.15s ease;
}
.bsu-dashboard-btn-statystyki:hover {
	background: #0b5ed7;
	color: #fff;
	transform: translateY(-1px);
}
.bsu-dashboard-btn-statystyki:focus {
	color: #fff;
	box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.35);
}

/** Dashboard uczestnika (poziom 4) */
.bsu-dashboard-uczestnik .bsu-dashboard-uczestnik-punkty {
	font-size: 22px;
	font-weight: 700;
	margin: 0;
	color: var(--blue, #0d6efd);
}
.bsu-dashboard-uczestnik .bsu-dashboard-uczestnik-miejsce {
	font-size: 22px;
	font-weight: 700;
	margin: 0;
	color: var(--black, #181C2F);
}
.bsu-dashboard-top10 {
	margin-top: 16px;
	margin-bottom: 0;
	padding: 12px 14px;
	background: #f4f5f8;
	border-radius: 8px;
}
.bsu-dashboard-top10-txt {
	font-size: 13px;
	margin: 0;
	color: #181C2F;
	line-height: 1.4;
}
.bsu-dashboard-top10-txt strong {
	color: var(--blue, #0d6efd);
}
.bsu-dashboard-top10-sukces {
	font-weight: 600;
	color: var(--blue, #0d6efd);
	text-align: center;
}

/** Dashboard poziom 3 – przyciski drugorzędne */
.bsu-dashboard-poziom3 .bsu-dashboard-uczestnik-punkty {
	font-size: 22px;
	font-weight: 700;
	margin: 0;
	color: var(--blue, #0d6efd);
}
.bsu-dashboard-btn-secondary {
	display: block;
	width: 100%;
	padding: 10px 16px;
	margin-top: 10px;
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	color: var(--blue, #0d6efd);
	background: #fff;
	border: 1px solid var(--blue, #0d6efd);
	border-radius: 8px;
	transition: background 0.2s ease, color 0.2s ease;
}
.bsu-dashboard-btn-secondary:hover {
	background: var(--blue, #0d6efd);
	color: #fff;
}
.bsu-dashboard-btn-secondary:first-of-type {
	margin-top: 18px;
}

/* Sidebar – CTA z makiet (Inter, pill, kolory: teal / oliwkowy / mauve) */
.sd-user .btn.bsu-sidebar-btn--1,
.sd-user .btn.bsu-sidebar-btn--2,
.sd-user .btn.bsu-sidebar-btn--3 {
	font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	border-style: solid;
	border-width: 2px;
	border-radius: 50px;
	transform: none;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.sd-user .btn.bsu-sidebar-btn--1 {
	background-color: #0096a6;
	border-color: #0096a6;
	color: #fff;
}
.sd-user .btn.bsu-sidebar-btn--1:hover,
.sd-user .btn.bsu-sidebar-btn--1:focus {
	background-color: #fff;
	border-color: #0096a6;
	color: #0096a6;
	transform: none;
	box-shadow: none;
}
.sd-user .btn.bsu-sidebar-btn--1:focus-visible {
	box-shadow: 0 0 0 3px rgba(0, 150, 166, 0.35);
}
.sd-user .btn.bsu-sidebar-btn--2 {
	background-color: #98a200;
	border-color: #98a200;
	color: #fff;
}
.sd-user .btn.bsu-sidebar-btn--2:hover,
.sd-user .btn.bsu-sidebar-btn--2:focus {
	background-color: #fff;
	border-color: #98a200;
	color: #98a200;
	transform: none;
	box-shadow: none;
}
.sd-user .btn.bsu-sidebar-btn--2:focus-visible {
	box-shadow: 0 0 0 3px rgba(152, 162, 0, 0.35);
}
.sd-user .btn.bsu-sidebar-btn--3 {
	background-color: #a6688e;
	border-color: #a6688e;
	color: #fff;
}
.sd-user .btn.bsu-sidebar-btn--3:hover,
.sd-user .btn.bsu-sidebar-btn--3:focus {
	background-color: #fff;
	border-color: #a6688e;
	color: #a6688e;
	transform: none;
	box-shadow: none;
}
.sd-user .btn.bsu-sidebar-btn--3:focus-visible {
	box-shadow: 0 0 0 3px rgba(166, 104, 142, 0.35);
}

/** Box PH ROCKWOOL pod dashboardem (poziomy 2, 3, 4) */
.box-ph-rockwool {
	margin-top: 20px;
	padding: 20px;
	text-align: center;
}
.box-ph-title {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #5c6378;
	margin: 0 0 12px;
	font-weight: 600;
}
.box-ph-name {
	font-size: 14px;
	font-weight: 700;
	color: var(--black, #181C2F);
	margin: 0 0 8px;
}
.box-ph-name.box-ph-brak {
	font-weight: 500;
	color: #5c6378;
	font-size: 13px;
}
.box-ph-email,
.box-ph-tel {
	font-size: 12px;
	margin: 0 0 6px;
	color: #5c6378;
}
.box-ph-email a {
	color: var(--blue, #0d6efd);
	text-decoration: none;
}
.box-ph-email a:hover {
	text-decoration: underline;
}
.box-ph-btn-napisz {
	margin-top: 14px;
}

/** Rockwool – podstrony Sprzedaże / Oferty (Etap 3) */
.sec-rockwool-podstrona {
	margin-bottom: 2rem;
}
.rw-podsumowanie-boxy {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-bottom: 1.5rem;
}
/* Historia zgłoszeń: nagłówek + „Moje punkty” w jednym rzędzie */
.rw-sekcja-historia .rw-historia-nag-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 1rem;
}
.sec-zad .rw-sekcja-historia .rw-historia-nag-row .h2-szad-tab {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 32px;
	line-height: 1.2;
	font-weight: 700;
}
.rw-sekcja-historia .rw-historia-nag-row .rw-box-moje-punkty {
	flex: 0 0 auto;
	margin-left: auto;
	min-width: 10rem;
	text-align: right;
}
/* Historia zgłoszeń (promocja + podstrony): szersze boxy podsumowań */
.rw-sekcja-historia .rw-podsumowanie-boxy--trio .rw-box,
.rw-rockwool-historia-ui .rw-podsumowanie-boxy--trio .rw-box {
	min-width: 300px;
	flex: 1 1 300px;
	max-width: none;
}
.rw-sekcja-historia .rw-podsumowanie-boxy--trio .rw-box-value,
.rw-rockwool-historia-ui .rw-podsumowanie-boxy--trio .rw-box-value {
	white-space: nowrap;
}
.rw-sekcja-historia .rw-box-value--saldo-promo {
	display: block;
	font-size: 32px;
	line-height: 1.2;
	font-weight: 700;
	margin-top: 0.15rem;
}
@media only screen and (max-width: 991px) {
	.rw-sekcja-historia .rw-podsumowanie-boxy--trio .rw-box,
	.rw-rockwool-historia-ui .rw-podsumowanie-boxy--trio .rw-box {
		min-width: 260px;
		flex: 1 1 260px;
	}
	.rw-sekcja-historia .rw-podsumowanie-boxy--trio .rw-box-value,
	.rw-rockwool-historia-ui .rw-podsumowanie-boxy--trio .rw-box-value {
		white-space: normal;
	}
	.rw-sekcja-historia .rw-historia-nag-row .rw-box-moje-punkty {
		margin-left: 0;
		width: 100%;
		text-align: left;
	}
}
.rw-box {
	padding: 0.75rem 1rem;
	background: #f0f2f5;
	border-radius: 6px;
	min-width: 220px;
	flex: 0 0 220px;
}
.rw-box-label {
	display: block;
	font-size: 0.85rem;
	color: #5c6378;
	margin-bottom: 0.25rem;
}
.rw-box-value {
	font-weight: 700;
	font-size: 1.1rem;
}
.rw-tabs {
	display: flex;
	gap: 0.5rem;
	margin-bottom: 1rem;
}
.rw-tab {
	padding: 0.5rem 1rem;
	border: 1px solid #dee2e6;
	background: #fff;
	border-radius: 4px;
	cursor: pointer;
}
.rw-tab:hover {
	background: #f8f9fa;
	color:#000;
}
.rw-tab-active {
	background: var(--blue, #0d6efd);
	color: #fff;
	border-color: var(--blue, #0d6efd);
}
.rw-panel {
	display: none;
}
.rw-panel-active {
	display: block;
}

/* Rockwool – historia (promocja + podstrony): legenda / kolory kategorii */
.rw-sekcja-historia,
.rw-rockwool-historia-ui {
	--rw-hist-sprzedaz: #c62828;
	--rw-hist-sprzedaz-soft: #ffebee;
	--rw-hist-sprzedaz-stripe: #ffe0e3;
	--rw-hist-oferty: #0d3c5c;
	--rw-hist-oferty-soft: #e8f1f8;
	--rw-hist-oferty-stripe: #dceaf5;
	--rw-hist-zadania: #2e7d32;
	--rw-hist-zadania-soft: #e8f5e9;
	--rw-hist-zadania-stripe: #dcedc8;
}
.rw-sekcja-historia .rw-podsumowanie-boxy--trio .rw-box-sprzedaz,
.rw-rockwool-historia-ui .rw-podsumowanie-boxy--trio .rw-box-sprzedaz {
	background: var(--rw-hist-sprzedaz-soft);
	border-left: 4px solid var(--rw-hist-sprzedaz);
}
.rw-sekcja-historia .rw-podsumowanie-boxy--trio .rw-box-oferty,
.rw-rockwool-historia-ui .rw-podsumowanie-boxy--trio .rw-box-oferty {
	background: var(--rw-hist-oferty-soft);
	border-left: 4px solid var(--rw-hist-oferty);
}
.rw-sekcja-historia .rw-podsumowanie-boxy--trio .rw-box-zadania,
.rw-rockwool-historia-ui .rw-podsumowanie-boxy--trio .rw-box-zadania {
	background: var(--rw-hist-zadania-soft);
	border-left: 4px solid var(--rw-hist-zadania);
}
.rw-sekcja-historia .rw-tabs--legend,
.rw-rockwool-historia-ui .rw-tabs--legend {
	flex-wrap: wrap;
	align-items: center;
	gap: 0.65rem;
	margin-bottom: 1.25rem;
}
.rw-sekcja-historia .rw-tabs--legend .rw-tab-legend,
.rw-rockwool-historia-ui .rw-tabs--legend .rw-tab-legend {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem 1.1rem;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	border: 1px solid #cfd4dc;
	background: #fff;
	color: var(--black, #181c2f);
	cursor: pointer;
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.rw-sekcja-historia .rw-tabs--legend .rw-tab-legend:hover,
.rw-rockwool-historia-ui .rw-tabs--legend .rw-tab-legend:hover {
	background: #f8f9fb;
	border-color: #b8c0cc;
	color: var(--black, #181c2f);
}
.rw-sekcja-historia .rw-tabs--legend .rw-tab-swatch,
.rw-rockwool-historia-ui .rw-tabs--legend .rw-tab-swatch {
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 3px;
	flex-shrink: 0;
}
.rw-sekcja-historia .rw-tabs--legend .rw-tab-swatch--sprzedaz,
.rw-rockwool-historia-ui .rw-tabs--legend .rw-tab-swatch--sprzedaz {
	background: var(--rw-hist-sprzedaz);
}
.rw-sekcja-historia .rw-tabs--legend .rw-tab-swatch--oferty,
.rw-rockwool-historia-ui .rw-tabs--legend .rw-tab-swatch--oferty {
	background: var(--rw-hist-oferty);
}
.rw-sekcja-historia .rw-tabs--legend .rw-tab-swatch--zadania,
.rw-rockwool-historia-ui .rw-tabs--legend .rw-tab-swatch--zadania {
	background: var(--rw-hist-zadania);
}
.rw-sekcja-historia .rw-tabs--legend .rw-tab-sprzedaz:not(.rw-tab-active),
.rw-rockwool-historia-ui .rw-tabs--legend .rw-tab-sprzedaz:not(.rw-tab-active) {
	border-color: rgba(198, 40, 40, 0.35);
}
.rw-sekcja-historia .rw-tabs--legend .rw-tab-oferty:not(.rw-tab-active),
.rw-rockwool-historia-ui .rw-tabs--legend .rw-tab-oferty:not(.rw-tab-active) {
	border-color: rgba(13, 60, 92, 0.35);
}
.rw-sekcja-historia .rw-tabs--legend .rw-tab-zadania:not(.rw-tab-active),
.rw-rockwool-historia-ui .rw-tabs--legend .rw-tab-zadania:not(.rw-tab-active) {
	border-color: rgba(46, 125, 50, 0.35);
}
.rw-sekcja-historia .rw-tabs--legend .rw-tab-sprzedaz.rw-tab-active,
.rw-rockwool-historia-ui .rw-tabs--legend .rw-tab-sprzedaz.rw-tab-active {
	background: var(--rw-hist-sprzedaz);
	border-color: var(--rw-hist-sprzedaz);
	color: #fff;
}
.rw-sekcja-historia .rw-tabs--legend .rw-tab-sprzedaz.rw-tab-active .rw-tab-swatch,
.rw-rockwool-historia-ui .rw-tabs--legend .rw-tab-sprzedaz.rw-tab-active .rw-tab-swatch {
	background: #fff;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12);
}
.rw-sekcja-historia .rw-tabs--legend .rw-tab-oferty.rw-tab-active,
.rw-rockwool-historia-ui .rw-tabs--legend .rw-tab-oferty.rw-tab-active {
	background: var(--rw-hist-oferty);
	border-color: var(--rw-hist-oferty);
	color: #fff;
}
.rw-sekcja-historia .rw-tabs--legend .rw-tab-oferty.rw-tab-active .rw-tab-swatch,
.rw-rockwool-historia-ui .rw-tabs--legend .rw-tab-oferty.rw-tab-active .rw-tab-swatch {
	background: #fff;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12);
}
.rw-sekcja-historia .rw-tabs--legend .rw-tab-zadania.rw-tab-active,
.rw-rockwool-historia-ui .rw-tabs--legend .rw-tab-zadania.rw-tab-active {
	background: var(--rw-hist-zadania);
	border-color: var(--rw-hist-zadania);
	color: #fff;
}
.rw-sekcja-historia .rw-tabs--legend .rw-tab-zadania.rw-tab-active .rw-tab-swatch,
.rw-rockwool-historia-ui .rw-tabs--legend .rw-tab-zadania.rw-tab-active .rw-tab-swatch {
	background: #fff;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12);
}
.rw-sekcja-historia .rw-tabs--legend .rw-tab-sprzedaz.rw-tab-active:hover,
.rw-sekcja-historia .rw-tabs--legend .rw-tab-sprzedaz.rw-tab-active:focus,
.rw-rockwool-historia-ui .rw-tabs--legend .rw-tab-sprzedaz.rw-tab-active:hover,
.rw-rockwool-historia-ui .rw-tabs--legend .rw-tab-sprzedaz.rw-tab-active:focus {
	background: var(--rw-hist-sprzedaz);
	border-color: var(--rw-hist-sprzedaz);
	color: #fff;
}
.rw-sekcja-historia .rw-tabs--legend .rw-tab-oferty.rw-tab-active:hover,
.rw-sekcja-historia .rw-tabs--legend .rw-tab-oferty.rw-tab-active:focus,
.rw-rockwool-historia-ui .rw-tabs--legend .rw-tab-oferty.rw-tab-active:hover,
.rw-rockwool-historia-ui .rw-tabs--legend .rw-tab-oferty.rw-tab-active:focus {
	background: var(--rw-hist-oferty);
	border-color: var(--rw-hist-oferty);
	color: #fff;
}
.rw-sekcja-historia .rw-tabs--legend .rw-tab-zadania.rw-tab-active:hover,
.rw-sekcja-historia .rw-tabs--legend .rw-tab-zadania.rw-tab-active:focus,
.rw-rockwool-historia-ui .rw-tabs--legend .rw-tab-zadania.rw-tab-active:hover,
.rw-rockwool-historia-ui .rw-tabs--legend .rw-tab-zadania.rw-tab-active:focus {
	background: var(--rw-hist-zadania);
	border-color: var(--rw-hist-zadania);
	color: #fff;
}
.rw-sekcja-historia .rw-tabs--legend .rw-tab-legend:focus-visible,
.rw-rockwool-historia-ui .rw-tabs--legend .rw-tab-legend:focus-visible {
	outline: 2px solid var(--rw-hist-oferty);
	outline-offset: 2px;
}
.rw-sekcja-historia .rw-table-promo-sprzedaze tbody tr.rw-historia-row--sprzedaz > td {
	background-color: var(--rw-hist-sprzedaz-soft) !important;
}
.rw-sekcja-historia .rw-table-promo-sprzedaze.table-striped tbody tr.rw-historia-row--sprzedaz:nth-of-type(odd) > td {
	background-color: var(--rw-hist-sprzedaz-stripe) !important;
}
.rw-sekcja-historia .rw-table-promo-oferty tbody tr.rw-historia-row--oferty > td {
	background-color: var(--rw-hist-oferty-soft) !important;
}
.rw-sekcja-historia .rw-table-promo-oferty.table-striped tbody tr.rw-historia-row--oferty:nth-of-type(odd) > td {
	background-color: var(--rw-hist-oferty-stripe) !important;
}
.rw-rockwool-historia-ui .rw-table-sprzedaze tbody tr.rw-historia-row--sprzedaz > td {
	background-color: var(--rw-hist-sprzedaz-soft) !important;
}
.rw-rockwool-historia-ui .rw-table-sprzedaze.table-striped tbody tr.rw-historia-row--sprzedaz:nth-of-type(odd) > td {
	background-color: var(--rw-hist-sprzedaz-stripe) !important;
}
.rw-rockwool-historia-ui .rw-table-oferty tbody tr.rw-historia-row--oferty > td {
	background-color: var(--rw-hist-oferty-soft) !important;
}
.rw-rockwool-historia-ui .rw-table-oferty.table-striped tbody tr.rw-historia-row--oferty:nth-of-type(odd) > td {
	background-color: var(--rw-hist-oferty-stripe) !important;
}
.rw-rockwool-historia-ui .rw-table-zadania tbody tr.rw-historia-row--zadania > td {
	background-color: var(--rw-hist-zadania-soft) !important;
}
.rw-rockwool-historia-ui .rw-table-zadania.table-striped tbody tr.rw-historia-row--zadania:nth-of-type(odd) > td {
	background-color: var(--rw-hist-zadania-stripe) !important;
}
.rw-sekcja-historia-zadan .rw-table-promo-zadania-dodatkowe tbody tr.rw-historia-row--zadania > td {
	background-color: var(--rw-hist-zadania-soft) !important;
}
.rw-sekcja-historia-zadan .rw-table-promo-zadania-dodatkowe.table-striped tbody tr.rw-historia-row--zadania:nth-of-type(odd) > td {
	background-color: var(--rw-hist-zadania-stripe) !important;
}
/* Zmienne kolorów zadań – ta sekcja jest poza .rw-sekcja-historia */
.rw-sekcja-historia-zadan {
	--rw-hist-zadania: #2e7d32;
	--rw-hist-zadania-soft: #e8f5e9;
	--rw-hist-zadania-stripe: #dcedc8;
}
.sec-zad .rw-sekcja-historia .rw-status-badge.rw-status-approved,
.section-detale-quiz .rw-status-badge.rw-status-approved,
.sec-sp .rw-rockwool-historia-ui .rw-status-badge.rw-status-approved {
	background: transparent;
	color: #1b5e20;
	font-weight: 700;
}
.sec-zad .rw-sekcja-historia .rw-status-badge.rw-status-pending,
.section-detale-quiz .rw-status-badge.rw-status-pending,
.sec-sp .rw-rockwool-historia-ui .rw-status-badge.rw-status-pending {
	background: transparent;
	color: var(--black, #181c2f);
	font-weight: 600;
}
.sec-zad .rw-sekcja-historia .rw-status-badge.rw-status-rejected,
.section-detale-quiz .rw-status-badge.rw-status-rejected,
.sec-sp .rw-rockwool-historia-ui .rw-status-badge.rw-status-rejected {
	background: #fde2e4;
	color: #8b1e24;
}
.sec-zad .rw-sekcja-historia .rw-status-badge.rw-status-awaiting-marketing,
.section-detale-quiz .rw-status-badge.rw-status-awaiting-marketing,
.sec-sp .rw-rockwool-historia-ui .rw-status-badge.rw-status-awaiting-marketing {
	background: #e3f2fd;
	color: #0d47a1;
	font-weight: 600;
}

.rw-filtr-row {
	margin-bottom: 1rem;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.rw-filtr-label {
	margin: 0;
	font-weight: 500;
}
.rw-filtr-slug {
	max-width: 280px;
}
.rw-filtr-status {
	max-width: 220px;
}
.rw-placeholder {
	color: #6c757d;
	font-style: italic;
	padding: 1rem 0;
}
.rw-table-sprzedaze {
	margin-top: 0.5rem;
}
.rw-table-promo-sprzedaze {
	margin-top: 0.5rem;
}
.box-rw-linki .box-rw-link-sprzedaze,
.box-rw-linki .box-rw-link-oferty {
	display: block;
	margin-top: 8px;
}

/** Rockwool – widok promocji (Etap 2): formularz, boxy, zakładki */
.rw-promo-sekcja {
	margin-top: 1.5rem;
}
.rw-promo-przyciski {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 2.75rem;

}
/* Przełączniki: oba nieaktywne = białe tło + czarna ramka; aktywny (formularz) = czarne tło + biały tekst */
.rw-sekcja-zgloszenie .rw-promo-przyciski .rw-btn-toggle-form {
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	padding: 12px 24px;
	text-transform: none;
}
.rw-sekcja-zgloszenie .rw-promo-przyciski .rw-btn-toggle-form.btn-outline-secondary {
	background-color: #fff;
	border: 1px solid #000;
	color: #000;
}
.rw-sekcja-zgloszenie .rw-promo-przyciski .rw-btn-toggle-form.btn-outline-secondary:hover,
.rw-sekcja-zgloszenie .rw-promo-przyciski .rw-btn-toggle-form.btn-outline-secondary:focus {
	background-color: #f5f5f5;
	border-color: #000;
	color: #000;
	box-shadow: none;
}
.rw-sekcja-zgloszenie .rw-promo-przyciski .rw-btn-toggle-form.btn-primary {
	background-color: #000;
	border: 1px solid #000;
	color: #fff;
}
.rw-sekcja-zgloszenie .rw-promo-przyciski .rw-btn-toggle-form.btn-primary:hover,
.rw-sekcja-zgloszenie .rw-promo-przyciski .rw-btn-toggle-form.btn-primary:focus {
	background-color: #222;
	border-color: #222;
	color: #fff;
	box-shadow: none;
}
.rw-sekcja-zgloszenie .rw-promo-przyciski .rw-btn-toggle-form.btn-primary:focus-visible {
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.25);
}
.rw-sekcja-zgloszenie .rw-promo-przyciski .rw-btn-toggle-form.btn-outline-secondary:focus-visible {
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);
}
/* Nagłówki sekcji widoku promocji Rockwool */
.sec-zad .rw-sekcja-zgloszenie h2.rw-zgloszenie-nag-form {
	font-size: 32px;
	line-height: 1.2;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 1.25rem;
}
.sec-zad .rw-sekcja-historia > .col-md-12 > h2.h2-szad-tab,
.rw-sekcja-historia-zadan h2.h2-szad-tab {
	font-size: 32px;
	line-height: 1.2;
	font-weight: 700;
	margin-bottom: 1rem;
}
.sec-zad .r-zad-single h2.h2-szad-date {
	font-size: 32px;
	line-height: 1.2;
	font-weight: 700;
}
/* Przyciski formularza Rockwool: Dodaj sprzedaż / ofertę / drugi system */
.rw-sekcja-zgloszenie .rw-btn-submit-zgloszenie,
.rw-sekcja-zgloszenie .rw-btn-dodaj-system {
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	padding: 12px 24px;
	text-transform: none;
}
/* Przycisk wysyłki zgłoszenia (mauve z makiet) */
.rw-sekcja-zgloszenie .rw-btn-submit-zgloszenie {
	background-color: #bc70a4;
	border: 2px solid #bc70a4;
	color: #fff;
}
.rw-sekcja-zgloszenie .rw-btn-submit-zgloszenie:hover,
.rw-sekcja-zgloszenie .rw-btn-submit-zgloszenie:focus {
	background-color: #fff;
	border-color: #bc70a4;
	color: #bc70a4;
	box-shadow: none;
}
.rw-sekcja-zgloszenie .rw-btn-submit-zgloszenie:focus-visible {
	box-shadow: 0 0 0 3px rgba(188, 112, 164, 0.35);
}
.rw-collapse-form {
	margin-bottom: 1.5rem;
}
.rw-form-sprzedaz-wrapper {
	max-width: 800px;
}
/* Scroll do sekcji zgłoszeń (#dodaj-sprzedaz / #dodaj-oferte w URL — JS) */
#rw-zgloszenie-sekcja {
	scroll-margin-top: 5.5rem;
}
/* Zadanie tygodnia / mnożnik — pod OPIS-em, przed rankingiem i formularzem (Rockwool) */
/* Ten sam poziomy inset co div.r-zad-single / div.r-szad-tab (padding 15px na wierszu) */
.sec-zad .rw-promo-bonus-after-opis {
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 1.25rem;
	margin-bottom: 0;
}
.sec-zad .rw-promo-bonus-slot {
	margin-bottom: 0;
}
/* Gdy jest mnożnik, nie kumuluj 40px (r-szad-tab) z odstępem pod banerem */
.sec-zad .rw-promo-bonus-after-opis ~ .row.rw-sekcja-zgloszenie {
	margin-top: 1.5rem;
}
.sec-zad .rw-bonus-highlight {
	margin: 0;
	border: 1px solid #c5e4e8;
	border-radius: 14px;
	background: linear-gradient(135deg, #f4fbfc 0%, #eef6f8 50%, #f8fafc 100%);
	box-shadow: 0 2px 12px rgba(0, 150, 166, 0.08);
	overflow: hidden;
}
.sec-zad .rw-bonus-highlight__layout {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 0;
}
.sec-zad .rw-bonus-highlight__body {
	flex: 1 1 16rem;
	padding: 1.1rem 1.25rem 1.15rem;
	min-width: 0;
}
.sec-zad .rw-bonus-highlight__label {
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #0096a6;
	margin-bottom: 0.45rem;
}
.sec-zad .rw-bonus-highlight__text {
	margin: 0;
	font-size: 15px;
	line-height: 1.5;
	font-weight: 500;
	color: var(--black, #181c2f);
}
.sec-zad .rw-bonus-highlight__accent {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 1rem 1.35rem;
	background: rgba(0, 150, 166, 0.1);
	border-left: 1px solid rgba(0, 150, 166, 0.2);
	min-width: 6.5rem;
}
.sec-zad .rw-bonus-highlight__mult {
	font-size: 2rem;
	font-weight: 800;
	line-height: 1;
	color: #007a87;
	letter-spacing: -0.02em;
}
.sec-zad .rw-bonus-highlight__mult-x {
	font-size: 1.35rem;
	font-weight: 700;
	margin-left: 0.05em;
	opacity: 0.9;
}
.sec-zad .rw-bonus-highlight__mult-cap {
	display: block;
	margin-top: 0.35rem;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #5c6378;
	text-align: center;
	max-width: 7rem;
}
@media only screen and (max-width: 575px) {
	.sec-zad .rw-bonus-highlight__accent {
		flex: 1 1 100%;
		border-left: none;
		border-top: 1px solid rgba(0, 150, 166, 0.2);
		flex-direction: row;
		gap: 0.75rem;
		justify-content: center;
		padding: 0.85rem 1rem;
	}
	.sec-zad .rw-bonus-highlight__mult-cap {
		margin-top: 0;
		text-align: left;
		max-width: none;
	}
}
/* Widok promocji rankingowej (Leasys): nagłówki jak Rockwool + podsumowanie i pasek postępu */
.sec-zad.rw-promo-ranking-view > .container-fluid > .row.w1180:first-child h2.h2-zad {
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
}
.sec-zad.rw-promo-ranking-view .r-zad-single h2.h2-szad-date {
	font-size: 32px;
	line-height: 1.2;
	font-weight: 700;
}
.sec-zad.rw-promo-ranking-view .rw-ranking-nag-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem 1.5rem;
	margin-bottom: 1rem;
}
.sec-zad.rw-promo-ranking-view .rw-ranking-sekcja-nag.h2-szad-tab {
	font-size: 32px;
	line-height: 1.2;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 1rem;
}
.sec-zad.rw-promo-ranking-view .rw-ranking-nag-row .rw-ranking-sekcja-nag.h2-szad-tab {
	margin-bottom: 0;
}
.sec-zad.rw-promo-ranking-view h2.rw-ranking-nag-miejsce {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.25rem 0.5rem;
	flex: 1 1 auto;
	min-width: min(100%, 16rem);
}
.sec-zad.rw-promo-ranking-view h2.rw-ranking-nag-tytul-rankingu {
	flex: 1 1 auto;
	min-width: min(100%, 16rem);
}
.sec-zad.rw-promo-ranking-view .rw-ranking-nag-miejsce__num {
	font-weight: 700;
}
.sec-zad.rw-promo-ranking-view .rw-ranking-nag-row__aside {
	flex: 0 1 32rem;
	min-width: min(100%, 20rem);
	text-align: right;
}
.sec-zad.rw-promo-ranking-view .rw-ranking-nag-aside {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: flex-end;
	gap: 0.35rem 0.5rem;
	line-height: 1.25;
	font-size: 16px;
	font-weight: 600;
	color: var(--black, #181c2f);
}
.sec-zad.rw-promo-ranking-view .rw-ranking-nag-aside__label {
	font-weight: 500;
	font-size: 15px;
	text-align: right;
}
.sec-zad.rw-promo-ranking-view .rw-ranking-nag-aside__value {
	font-weight: 600;
	font-size: 16px;
}
.sec-zad.rw-promo-ranking-view .rw-ranking-nag-aside__premia {
	font-weight: 600;
	font-size: 16px;
}
.sec-zad.rw-promo-ranking-view .rw-rank-progress-panel {
	background: var(--red, #e4002b);
	color: #fff;
	border-radius: 0;
	padding: 1rem 1.25rem 1.15rem;
	margin-top: 0;
}
.sec-zad.rw-promo-ranking-view .rw-rank-progress-panel__head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.5rem 1rem;
	margin-bottom: 0.75rem;
	font-size: 14px;
	font-weight: 600;
}
.sec-zad.rw-promo-ranking-view .rw-rank-progress-panel__left {
	flex: 1 1 auto;
	min-width: 0;
}
.sec-zad.rw-promo-ranking-view .rw-rank-progress-panel__nums {
	font-weight: 700;
}
.sec-zad.rw-promo-ranking-view .rw-rank-progress-panel__pct {
	font-weight: 700;
	font-size: 15px;
	flex-shrink: 0;
}
/* Kapsułkowy pasek (równomierne zaokrąglenie — bez zniekształceń SVG stretch) */
.sec-zad.rw-promo-ranking-view .rw-rank-progress-track {
	--rw-rank-pct: 0;
	width: 100%;
	height: 10px;
	border-radius: 9999px;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.35);
	box-sizing: border-box;
}
.sec-zad.rw-promo-ranking-view .rw-rank-progress-track__fill {
	height: 100%;
	max-width: 100%;
	border-radius: 9999px;
	background: #ffffff;
	width: calc(var(--rw-rank-pct) * 1%);
	min-width: 0;
}
@media only screen and (max-width: 767px) {
	.sec-zad.rw-promo-ranking-view .rw-ranking-nag-row {
		align-items: flex-start;
		flex-direction: column;
	}
	.sec-zad.rw-promo-ranking-view .rw-ranking-nag-row__aside {
		flex-basis: auto;
		width: 100%;
		text-align: left;
	}
	.sec-zad.rw-promo-ranking-view .rw-ranking-nag-aside {
		justify-content: flex-start;
		text-align: left;
	}
	.sec-zad.rw-promo-ranking-view .rw-ranking-nag-aside__label {
		text-align: left;
	}
}
.rw-hr-system {
	margin: 1rem 0 0.5rem;
}
.rw-sekcja-zgloszenie .rw-systemy {
	margin-top: 1.25rem;
}
.rw-sekcja-zgloszenie .rw-systemy-hint {
	font-size: 13px;
	line-height: 1.45;
	color: #5c6378;
	margin: 0 0 1rem;
	max-width: 48rem;
}
.rw-sekcja-zgloszenie .rw-system-card {
	border: 1px solid #dee2e6;
	border-radius: 12px;
	padding: 1rem 1.15rem 0.5rem;
	margin-bottom: 1rem;
	background: #f8fafc;
	box-shadow: 0 1px 2px rgba(24, 28, 47, 0.06);
}
.rw-sekcja-zgloszenie .rw-system-card--1 {
	border-left: 4px solid #0d3c5c;
}
.rw-sekcja-zgloszenie .rw-system-card--2 {
	border-left: 4px solid #c62828;
}
.rw-sekcja-zgloszenie .rw-system-nag {
	font-size: 15px;
	font-weight: 700;
	color: var(--black, #181c2f);
	margin: 0 0 0.85rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid #e2e6ed;
}
.rw-required {
	color: #dc3545;
}
.rw-form-msg {
	margin-left: 1rem;
	font-size: 0.95rem;
}
.rw-form-msg-ajax {
	display: block;
	margin-left: 0;
	margin-top: 0.25rem;
}
/* jQuery Validate – Rockwool zgłoszenie / oferta */
.rw-form-sprzedaz .form-group.form-error .form-control,
.rw-form-oferta .form-group.form-error .form-control {
	border-color: #dc3545;
}
.rw-form-sprzedaz p.p-form-error,
.rw-form-oferta p.p-form-error {
	margin: 0.35rem 0 0 0;
	font-size: 13px;
	font-weight: 600;
	color: #dc3545;
}
.rw-msg-ok {
	color: #198754;
}
.rw-msg-err {
	color: #dc3545;
}
.rw-podsumowanie-zespol {
	margin-top: 1rem;
}
.rw-podsumowanie-sekcja .rw-boxy-nag {
	margin: 0 0 .75rem 0;
}
.rw-podsumowanie-zespol .rw-box {
	background: #e8eaf0;
}
.rw-teclit-produkt-wrap {
	display: none;
}
.rw-teclit-produkt-wrap.show {
	display: block;
}
.rw-oferta-teclit-wrap {
	display: none;
}
.rw-oferta-teclit-wrap.show {
	display: block;
}
.rw-system-row-2 {
	display: none;
}
.rw-system-row-2.show {
	display: block;
}
.rw-status-badge {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 0px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
}
.rw-status-approved {
	background: #d8f3dc;
	color: #1b5e20;
}
.rw-status-rejected {
	background: #fde2e4;
	color: #8b1e24;
}
.rw-status-pending {
	background: #e9ecef;
	color: #495057;
}
.rw-status-awaiting-marketing {
	background: #e7f1ff;
	color: #0d47a1;
}

/* Komunikat Rockwool: PH/marketing oraz formularz zgłoszenia na promocji (ten sam wygląd) */
#rw-rockwool-action-flash,
#rw-rockwool-promo-form-flash {
	display: none;
	position: relative;
	margin-bottom: 1rem;
	padding: 10px 40px 10px 14px;
	border-radius: 6px;
	font-size: 14px;
	line-height: 1.45;
}
#rw-rockwool-action-flash.rw-action-flash--ok,
#rw-rockwool-promo-form-flash.rw-action-flash--ok {
	background: #d1e7dd;
	border: 1px solid #badbcc;
	color: #0f5132;
}
#rw-rockwool-action-flash.rw-action-flash--err,
#rw-rockwool-promo-form-flash.rw-action-flash--err {
	background: #f8d7da;
	border: 1px solid #f5c2c7;
	color: #842029;
}
#rw-rockwool-action-flash .rw-action-flash-close,
#rw-rockwool-promo-form-flash .rw-action-flash-close {
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	padding: 0 6px;
	margin: 0;
	font-size: 1.35rem;
	line-height: 1;
	font-weight: 400;
	color: inherit;
	opacity: 0.65;
	background: transparent;
	border: 0;
	cursor: pointer;
}
#rw-rockwool-action-flash .rw-action-flash-close:hover,
#rw-rockwool-promo-form-flash .rw-action-flash-close:hover {
	opacity: 1;
}
#rw-rockwool-action-flash .rw-action-flash-text,
#rw-rockwool-promo-form-flash .rw-action-flash-text {
	display: block;
}

/* Modal potwierdzenia zapisu zgłoszenia Rockwool (oferta / sprzedaż) */
.rw-modal-zgloszenie-potwierdzenie .modal-body {
	padding-top: 1.35rem;
}
.rw-modal-zgloszenie-potwierdzenie .rw-modal-zgloszenie-potwierdzenie-lead {
	font-size: 1.05rem;
	font-weight: 600;
	color: #0f5132;
	margin-bottom: 0.75rem;
}
.rw-modal-zgloszenie-potwierdzenie .rw-modal-zgloszenie-potwierdzenie-akceptacja {
	font-size: 0.95rem;
	color: #495057;
	line-height: 1.5;
}

/* Style dla komunikatów quizu */
.quiz-result-msg {
	margin: 20px 0;
	padding: 15px;
	border-radius: 5px;
	font-size: 16px;
	text-align: center;
  }
  
  .quiz-success-msg {
	background-color: #d4edda;
	border: 1px solid #c3e6cb;
	color: #155724;
	padding: 15px;
	border-radius: 5px;
	font-weight: 500;
  }
  
  .quiz-partial-success-msg {
	background-color: #fff3cd;
	border: 1px solid #ffeaa7;
	color: #856404;
	padding: 15px;
	border-radius: 5px;
	font-weight: 500;
  }
  
  .quiz-failure-msg {
	background-color: #f8d7da;
	border: 1px solid #f5c6cb;
	color: #721c24;
	padding: 15px;
	border-radius: 5px;
	font-weight: 500;
  }

.quiz-confirm-wrap {
	width: 100%;
	margin-top: 16px;
}

.quiz-confirm-wrap .box-thank {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 18px 20px;
	background: #f4f8fc;
	border: 1px solid #dbe7f3;
	border-radius: 8px;
}

.quiz-confirm-wrap .fig-thank {
	margin: 0;
	flex-shrink: 0;
}

.quiz-confirm-wrap .img-thank {
	display: block;
	width: 48px;
	height: 48px;
	object-fit: contain;
}

.quiz-confirm-wrap .h2-thank {
	margin: 0;
	font-size: 28px;
	line-height: 1.2;
	font-weight: 600;
	color: #102a43;
}
  
  #form-ankieta{
	width:100%;
}
.promocja-pytanie{
	font-weight:bold;
	margin-bottom:15px;
}
.promocja-pytanie-zdjecie img{
	max-width:100%;
	/*max-height:150px;*/
	float:right;
}
.promocja-pytanie img.big{
	float:initial;
	max-width:500px;
	max-height:auto!important;
	margin:0 auto;
}
.promocja-odpowiedz{
	width:100%;
}
/* Style dla opisów aktywności */
.activity-description {
	padding: 15px 0;
	margin-bottom: 20px;
  }
  
  .activity-description p {
	margin-bottom: 0;
	color: #495057;
	line-height: 1.6;
  }
  
  .activity-description h1, .activity-description h2, .activity-description h3, 
  .activity-description h4, .activity-description h5, .activity-description h6 {
	color: #333;
	margin-bottom: 10px;
  }
  
  .activity-description ul, .activity-description ol {
	margin-bottom: 0;
	padding-left: 20px;
  }
  
  .activity-description blockquote {
	border-left: 3px solid #007bff;
	padding-left: 15px;
	margin: 10px 0;
	font-style: italic;
	color: #6c757d;
  }
  
  @media (max-width: 576px) {
	.quiz-confirm-wrap .box-thank {
	  align-items: flex-start;
	  gap: 12px;
	  padding: 14px;
	}

	.quiz-confirm-wrap .img-thank {
	  width: 40px;
	  height: 40px;
	}

	.quiz-confirm-wrap .h2-thank {
	  font-size: 22px;
	}

	.activity-row .col-md-6 {
	  margin-bottom: 10px;
	}
	
	.activity-row .col-md-6:last-child {
	  margin-bottom: 0;
	}
	
	.activity-label {
	  min-width: 100px;
	  font-size: 13px;
	}
	
	.activity-description {
	  padding: 10px;
	  margin-bottom: 15px;
	}
  }
  
  /* Style dla sekcji podsumowania działań uczestnika - WIDOK KART */

.ranking-zasady-link {
	float: right;
	margin-top: 17px;
}

.box-sin-pst-no-shadow {
	box-shadow: none;
}

.box-sin-pst-lft-bg {
	overflow: hidden;
}

.box-sin-pst-bg-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.box-wyk .box-wyk-chart-title {
	font-size: 0.95rem;
	font-weight: 600;
	margin: 0 0 0.5rem 0;
	line-height: 1.35;
}

/* Raporty — wykresy: karty KPI (7 dni) */
.rw-kpi-row {
	margin: 1.25rem auto;
}

.rw-kpi-card {
	position: relative;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	min-height: 118px;
	overflow: hidden;
	padding: 1rem 1rem 1rem 1.1rem;
	margin-bottom: 1rem;
}

.rw-kpi-card__title {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.72rem;
	letter-spacing: 0.03em;
	margin: 0 0 0.45rem 0;
	line-height: 1.35;
	padding-right: 3rem;
}

.rw-kpi-card__value {
	font-size: 1.75rem;
	font-weight: 700;
	color: #333;
	line-height: 1.2;
}

.rw-kpi-card__icon-bg {
	position: absolute;
	right: 14px;
	bottom: 10px;
	font-size: 3.25rem;
	line-height: 1;
	opacity: 0.12;
	color: #424242;
	pointer-events: none;
}

.rw-kpi-card--blue {
	border-left: 5px solid #1e88e5;
}

.rw-kpi-card--blue .rw-kpi-card__title {
	color: #1e88e5;
}

.rw-kpi-card--green {
	border-left: 5px solid #43a047;
}

.rw-kpi-card--green .rw-kpi-card__title {
	color: #43a047;
}

.rw-kpi-card--purple {
	border-left: 5px solid #7e57c2;
}

.rw-kpi-card--purple .rw-kpi-card__title {
	color: #7e57c2;
}

.rw-kpi-card--teal {
	border-left: 5px solid #00897b;
}

.rw-kpi-card--teal .rw-kpi-card__title {
	color: #00897b;
}

/* Globalny „pill”: .btn, inputy submit/button/reset, elementy <button> (bez zamykania modali i strzałek owl) */
.btn,
input[type="submit"],
input[type="button"],
input[type="reset"],
button:not(.close):not([class*="owl-"]) {
	border-radius: 50px !important;
}
div.dataTables_wrapper div.dt-buttons.btn-group div.btn-group button.btn:first-of-type{
	border-radius:50px!important;
}
div.dataTables_wrapper div.dt-buttons.btn-group div.btn-group:last-child{
	border:none;
}
/*.col-md-3.extra-1{
	padding-left:0;
}*/

/* Licznik puli punktów (front: /licznik) */
.sec-licznik-pula {
	margin-bottom: 2rem;
}

.pula-punktow-card {
	max-width: 640px;
	margin: 0 auto;
	background: #fff;
	border-radius: 0;
	box-shadow:
		0 2px 4px rgba(0, 0, 0, 0.04),
		0 12px 28px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0.05);
}

/* Strona główna — sidebar: ten sam cień co przy box-side-wyd (main.css) */
.box-home-pula {
	margin-top: 40px;
	background: #ffffff;
	-webkit-box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 20px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 20px rgba(0, 0, 0, 0.15);
	border-radius: 0;
}

.box-home-pula .pula-punktow-card {
	box-shadow: none;
	border: none;
}

/* Wersja na box ~265px: licznik u góry, postęp i opis pod spodem */
.pula-punktow-card--narrow {
	max-width: 265px;
	width: 100%;
}

.pula-punktow-card--narrow .pula-punktow-title {
	padding: 1rem 0.75rem 0.65rem;
}

.pula-punktow-card--narrow .pula-punktow-body {
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	gap: 0.85rem;
	padding: 0.9rem 0.75rem 1rem;
}

.pula-punktow-card--narrow .pula-gauge-col {
	flex: 0 0 auto;
	width: 100%;
	min-width: 0;
	max-width: 100%;
	margin: 0 auto;
}

.pula-punktow-card--narrow .pula-gauge-plate {
	padding: 0.25rem 0.25rem 0.35rem;
}

.pula-punktow-card--narrow .pula-gauge-svg {
	max-width: 220px;
}

.pula-punktow-card--narrow .pula-gauge-deco {
	left: -4px;
	max-width: 72px;
}

.pula-punktow-card--narrow .pula-coins-img {
	max-width: 72px;
}

.pula-punktow-card--narrow .pula-progress-col {
	flex: 0 0 auto;
	width: 100%;
	min-width: 0;
	max-width: 100%;
	padding-top: 0;
}

.pula-punktow-card--narrow .pula-progress-fraction {
	font-size: 1.05rem;
	margin-bottom: 0.5rem;
	word-break: break-word;
}

.pula-punktow-card--narrow .pula-demo-controls {
	padding: 0.75rem 0.75rem 1rem;
}

.pula-punktow-card--narrow .pula-demo-slider-wrap {
	flex-wrap: wrap;
	gap: 0.5rem;
}

.pula-punktow-title {
	text-align: center;
	font-size: 24px;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: #000000;
	margin: 0;
	padding: 1.35rem 1rem 0.85rem;
}

.pula-punktow-body {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1.25rem;
	padding: 1.15rem 1.25rem 1.5rem;
}

.pula-gauge-col {
	position: relative;
	flex: 1 1 260px;
	min-width: 220px;
	max-width: 300px;
	margin: 0 auto;
}

/* Jednolite białe tło pod łukiem (makietowy SVG) */
.pula-gauge-plate {
	position: relative;
	background: #ffffff;
	border-radius: 20px;
	min-height: 72px;
	padding: 0.35rem 0.35rem 0.5rem;
	overflow: visible;
}

.pula-gauge-svg {
	display: block;
	width: 100%;
	max-width: 220px;
	height: auto;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

/* Ukryty element tylko pod aktualizację JS (wartość w kolumnie „Twój postęp”) */
.pula-gauge-val-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Domyślnie szary; kolor z palety dla segmentu wskazanego i wszystkich wcześniejszych (.is-active) */
.pula-gauge-svg .pula-seg {
	fill: #d6d6d6;
	stroke: none;
	transition: fill 0.2s ease-out;
}

.pula-gauge-svg .pula-seg.is-active[data-index="0"] {
	fill: #8d0600;
}

.pula-gauge-svg .pula-seg.is-active[data-index="1"] {
	fill: #940600;
}

.pula-gauge-svg .pula-seg.is-active[data-index="2"] {
	fill: #9c0701;
}

.pula-gauge-svg .pula-seg.is-active[data-index="3"] {
	fill: #a30701;
}

.pula-gauge-svg .pula-seg.is-active[data-index="4"] {
	fill: #ab0701;
}

.pula-gauge-svg .pula-seg.is-active[data-index="5"] {
	fill: #b20802;
}

.pula-gauge-svg .pula-seg.is-active[data-index="6"] {
	fill: #ba0802;
}

.pula-gauge-svg .pula-seg.is-active[data-index="7"] {
	fill: #c10802;
}

.pula-gauge-svg .pula-seg.is-active[data-index="8"] {
	fill: #c90903;
}

.pula-gauge-svg .pula-seg.is-active[data-index="9"] {
	fill: #d00903;
}

.pula-gauge-needle-svg {
	filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
}

.pula-needle-blade {
	fill: #242424;
}

.pula-needle-hub {
	fill: #393939;
}

.pula-gauge-deco {
	position: absolute;
	left: -6px;
	bottom: 0;
	z-index: 5;
	width: 88px;
	height: auto;
	pointer-events: none;
}

.pula-coins-img {
	display: block;
	width: 100%;
	max-width: 88px;
	height: auto;
	filter: drop-shadow(1px 3px 4px rgba(0, 0, 0, 0.18));
}

.pula-progress-col {
	flex: 1 1 240px;
	min-width: 200px;
	padding-top: 0.5rem;
}

.pula-progress-label {
	font-size: 0.95rem;
	color: #777777;
	margin-bottom: 0.35rem;
}

.pula-progress-fraction {
	font-size: 1.25rem;
	font-weight: 700;
	color: #333333;
	margin-bottom: 0.75rem;
}

.pula-bar-track {
	height: 12px;
	border-radius: 6px;
	background: #e8e8e8;
	overflow: hidden;
	margin-bottom: 0.5rem;
	box-sizing: border-box;
}

.pula-bar-fill {
	height: 100%;
	width: 0%;
	min-height: 100%;
	border-radius: 6px;
	background: #e4002b;
	transition: width 0.2s ease-out;
}

.pula-progress-pct-row {
	text-align: right;
	font-size: 1.1rem;
	font-weight: 700;
	color: #333333;
}

.bsu-rw-prog {
	margin: 12px 0 14px;
	padding: 10px 12px;
	border: 1px solid #e6e6e6;
	border-radius: 8px;
	background: #fafafa;
}

.bsu-rw-prog-track {
	display: block;
	width: 100%;
	height: 10px;
	border: 0;
	border-radius: 999px;
	overflow: hidden;
}

.bsu-rw-prog-track::-webkit-progress-bar {
	background: #e4e4e4;
	border-radius: 999px;
}

.bsu-rw-prog-track::-webkit-progress-value {
	background: #e4002b;
	border-radius: 999px;
}

.bsu-rw-prog-track::-moz-progress-bar {
	background: #e4002b;
	border-radius: 999px;
}

.bsu-rw-prog-meta {
	margin: 8px 0 0;
	display: flex;
	justify-content: space-between;
	gap: 8px;
	font-size: 12px;
	line-height: 16px;
	color: #444;
}

.bsu-rw-prog-pct {
	font-weight: 700;
	color: #000;
}

.pula-demo-controls {
	margin-top: 1.5rem;
	padding: 1rem 1.25rem 1.25rem;
	border-top: 1px solid #e9ecef;
	background: #f8f9fa;
}

.pula-demo-controls label {
	display: block;
	font-weight: 600;
	color: #555;
	margin-bottom: 0.5rem;
}

.pula-demo-slider-wrap {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.pula-demo-slider-wrap input[type="range"] {
	flex: 1;
	max-width: 100%;
}

.pula-demo-procent-val {
	min-width: 3.5rem;
	font-weight: 700;
	color: #e31e24;
}

@media (max-width: 576px) {
	.pula-gauge-svg {
		max-width: 200px;
	}

	.pula-punktow-card--narrow .pula-gauge-svg {
		max-width: 220px;
	}
}

/* Pula punktów: blokada akceptacji / quiz */
.rw-akcept-z-pula {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 0.75rem;
	max-width: 22rem;
}

.rw-akcept-z-pula .rw-pula-pelna-msg {
	font-size: 0.8125rem;
	line-height: 1.35;
	color: #6c757d;
}

.rw-pula-pelna-msg--quiz {
	margin: 0 0 1rem;
	padding: 0.75rem 1rem;
	border-radius: 0.25rem;
	background: #f8f9fa;
	border: 1px solid #dee2e6;
	color: #495057;
}

.extra-2 .form-control + .form-control {
	margin-top: 0.35rem;
}

/* Koszyk: adnotacja nad blokiem danych do PIT (osoba fizyczna) */
.koszyk-pit-adnotacja {
	margin: 0 0 1rem;
	font-size: 13px;
	line-height: 1.45;
	color: #333;
}
@media (max-width: 768px) {
	.sec-underslider .col-md-4{
		width:32%;
	}
	.sec-underslider .col-md-4:nth-child(2){
		margin:0 2%;
	}
}
body.katalog div#params{
	margin-bottom:20px;
}

body.katalog #params .box-parametr-nagrody{
	padding: 10px 12px;
	border: 1px solid #d9e6ff;
	border-left: 4px solid #2f80ed;
	background: #f5f9ff;
	border-radius: 6px;
}

body.katalog #params .label-parametr-nagrody{
	display: block;
	margin: 0 0 7px;
	font-size: 13px;
	font-weight: 700;
	color: #1f2937;
}

body.katalog #params .box-parametr-nagrody .parametr{
	border-color: #8eb5ff;
	background-color: #fff;
}

body.katalog #params .box-parametr-nagrody .parametr:focus{
	border-color: #2f80ed;
	box-shadow: 0 0 0 0.2rem rgba(47, 128, 237, 0.15);
}

/* Ponowienie zaproszenia w raporcie uczestników (jak w panel_zaproszenia) */
.status-badge-zaproszenie {
	display: inline-block;
	padding: 0.35em 0.65em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 0.35rem;
	background-color: #f6c23e;
}

.zapros-ponownie-ucz {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 0.35rem;
	padding: 0.2rem 0.45rem;
	min-width: 2rem;
	min-height: 2rem;
	vertical-align: middle;
	color: var(--blue, #0d6efd);
	background-color: #fff;
	border: 1px solid var(--blue, #0d6efd);
	border-radius: 0.25rem;
	cursor: pointer;
}

.zapros-ponownie-ucz:hover,
.zapros-ponownie-ucz:focus {
	color: #fff;
	background-color: var(--blue, #0d6efd);
	border-color: var(--blue, #0d6efd);
	outline: none;
}

.zapros-ponownie-ucz:disabled {
	opacity: 0.65;
	cursor: not-allowed;
}