.rotta-preventivo-box{
	margin:28px 0 0;
	padding:24px;
	border:1px solid #f5a623;
	border-radius:0;
	background:rgba(255,255,255,.94);
	box-shadow:0 10px 30px rgba(0,0,0,.12);
}

.rotta-preventivo-box__title{
	margin:0 0 8px;
	font-size:18px!important;
	line-height:1.2!importan;
	font-weight:500!importan;
	color:#1f1f1f;
}

.rotta-preventivo-box__status{
	font-size:15px;
	line-height:1.5;
	color:#3b3b3b;
	margin-bottom:14px;
}

.rotta-preventivo-box__result{
	display:none;
	margin-top:14px;
	padding-top:16px;
	border-top:1px dashed rgba(245,166,35,.45);
}

.rotta-preventivo-box.is-ready .rotta-preventivo-box__result{
	display:block;
}

.rotta-preventivo-grid{
	display:grid;
	gap:14px;
	margin-top:10px;
}

.rotta-preventivo-grid.has-1-cards,
.rotta-preventivo-grid.has-2-cards{
	grid-template-columns:repeat(2,minmax(0,1fr));
}

.rotta-preventivo-grid.has-3-cards{
	grid-template-columns:repeat(3,minmax(0,1fr));
}

.rotta-preventivo-grid.has-1-cards .rotta-preventivo-card{
	grid-column:1 / 2;
}

.rotta-preventivo-card{
	width:100%;
	box-sizing:border-box;
	background:#fff;
	border:1px solid rgba(245,166,35,.35);
	border-radius:0;
	padding:16px;
	box-shadow:0 4px 14px rgba(0,0,0,.05);
}

.rotta-preventivo-label{
	display:block;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:.08em;
	color:#c57d13;
	margin-bottom:8px;
	font-weight:700;
	line-height:1.4;
}

.rotta-preventivo-value{
	font-size:18px;
	line-height:1.25;
	font-weight:700;
	color:#111;
	word-break:break-word;
}

.rotta-preventivo-meta{
	margin-top:14px;
	font-size:14px;
	line-height:1.7;
	color:#444;
}

.rotta-preventivo-note{
	margin-top:12px;
	font-size:13px;
	line-height:1.6;
	color:#666;
}

.rotta-preventivo-box.is-error{
	background:rgba(255,255,255,.94);
	border-color:#d9534f;
}

.rotta-preventivo-box.is-error .rotta-preventivo-box__status{
	color:#f69d34;
	font-weight:600;
}

.rotta-preventivo-readonly{
	background-color:#f7f7f7 !important;
	cursor:not-allowed;
}
.rotta-preventivo-box__result > .rotta-preventivo-note:last-of-type {
   	color:#f69d34;
	font-size: 15px;
}

@media (max-width:767px){
	.rotta-preventivo-grid.has-1-cards,
	.rotta-preventivo-grid.has-2-cards,
	.rotta-preventivo-grid.has-3-cards{
		grid-template-columns:1fr;
	}

	.rotta-preventivo-grid.has-1-cards .rotta-preventivo-card{
		grid-column:auto;
	}
}