@layer bricks {.brxe-code{width:100%}}.main-content { display: flex; gap: 20px; flex-wrap: wrap; } .main-content>div{margin-bottom: 30px;} .form-column { flex: 6;  } .output-column { flex: 4;  } .form-row { display: flex; gap: 20px; margin-bottom: 20px; } .form-group-half { flex: 1;  } label { display: block!important; margin-bottom: 2px; font-size: calc(var(--text-m)*.75); text-align: left; color: var(--secondary-dark); } select, input[type="number"], input[type="email"], input[type="text"] { width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; }  input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }  input[type=number] { -moz-appearance: textfield; } input:read-only { background-color: #eee; } .category-output { margin-top: 5px; font-size: 14px; font-weight: bold; color: #00b7c1; } .output { padding: var(--space-s); background-color: #e8f4f5; border-radius: 5px; max-height: 80vh; overflow-y: auto; } #results { background-color: #fff; padding: 10px; min-height: 250px; } .error { color: red; font-weight: bold; } table { width: 100%; border-collapse: collapse; margin-top: 20px; } th, td { border: 1px solid #ccc; padding: 8px; text-align: right; } th { background-color: #1b3642; position: sticky; color:#fff; top: 0; } td:first-child, th:first-child, td:nth-child(2), th:nth-child(2) { text-align: left; } .pdf-buttons { margin-top: 20px; display: flex; gap: 10px; flex-wrap: wrap; } .pdf-buttons button, .btn-primary { padding: 10px 20px; background-color: #00b7c1; color: white; border: none; border-radius: 2px; cursor: pointer; } .pdf-buttons button:hover, .btn-primary:hover { background-color: #005fa3; } .email-group { margin-top: 10px; display: none; } .email-group.show { display: block; } .checkbox-label { margin-top: -10px; display: flex; align-items: center; gap: 10px; } .checkbox-label input { width: auto; } main { margin: 50px 0; } h3 { margin-top: 28px; } #sendButton { margin-top: 10px; } .form-actions { display: flex; gap: 10px; margin-top: 35px; } button, .form-actions button, .pdf-buttons button { padding: 15px 30px; border-radius: 4px; } .btn-default{ background-color: #eee; color: #000; border: 1px solid #e4e3e3; } .output .btn-primary { width: 100%; margin-bottom: 15px; } .form-actions { display: flex; flex-direction: column; gap: 10px; margin-top: 25px; } .rsl-item { margin-bottom: 20px; } .rsl-item > span { display: block; margin-bottom: 5px; } .rsl-item .rsl-value { font-size: 1.1em; color: #00b7c1; margin-left: 10px; } .rsl-item .rsl-value.text-big{font-size: 1.4em;} .text-bold{font-weight: 600;} .text-big{font-size: 1.4em;} .max-value-warning { display: none; color: #00b7c1; font-size: 12px; margin-top: 4px; } .mark-tooltip{ font-weight: 600; background-color: #00b7c1; padding: 2px 5px; border-radius: 50%; color: #fff; font-size: 10px; margin-left: 8px; } .tippy-box{ background-color: #e8f4f5; color: var(--secondary-dark); } .tippy-arrow{color: #e8f4f5;} .tippy-box table, .tippy-box th, .tippy-box td { border: none; padding: 5px; } .tippy-content{padding: 10px 15px;} .form-purchasePrice .tippy-content{padding: 10px 10px;} .tippy-content p { margin: 0 0 5px 0; } .tippy-content h3 { margin: 10px 0; color: var(--secondary-dark); font-size: var(--text-l) } .tippy-content ul>li { margin-bottom: 5px; } .tippy-content table { margin-top: 10px; } .table-responsive-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch;  } #results .rsl-item.form-row .form-group-half:first-child { flex: 6; } #results .rsl-item.form-row .form-group-half:last-child { flex: 4; } @media (max-width: 768px) { .main-content { flex-direction: column; } .form-column, .output-column { flex: auto; } .form-row { flex-direction: column; gap: 0; } .form-row .form-group-half { margin-bottom: 20px; } .header-container > nav { display: none; } }