/* [no container] */


    #contact_0_accept_terms_and_conditions.error {
            --bs-form-check-bg: transparent !important;
background-color: transparent !important;
background-image: none !important;
appearance: checkbox !important;
-webkit-appearance: checkbox !important;
border: 1px solid #dc3545 !important;
width: 1em !important;
height: 1em !important;
opacity: 1 !important;
         }

    #contact_0_accept_terms_and_conditions.error:checked {
            --bs-form-check-bg: #0d6efd !important;
background-color: #0d6efd !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 0.75em !important;
         }

    #contact_discussion {
            --d-ink: #12263A;
--d-ink-soft: #33475B;
--d-muted: #8798A8;
--d-coral: #FF5A52;
--d-coral-dark: #E8443C;
--d-bubble: #F1F5F9;
--d-line: #E6EBF1;
max-width: 860px !important;
margin: 2.5rem auto 0 !important;
padding: clamp(1.5rem, 3vw, 2.25rem) !important;
background: #FFFFFF !important;
border: 1px solid var(--d-line) !important;
border-radius: 24px !important;
box-shadow: 0 24px 55px -38px rgba(18, 38, 58, .45) !important;
color: var(--d-ink-soft);
         }

    #contact_discussion #insert-new-comment {
            display: flex !important;
flex-direction: column;
gap: 1.35rem;
width: 100% !important;
padding: 0 !important;
         }

    #contact_discussion #new-comment {
            display: inline-flex;
align-items: center;
gap: .5rem;
padding: .62rem 1.35rem !important;
border: 0 !important;
border-radius: 999px !important;
background: var(--d-coral) !important;
color: #fff !important;
font-size: .89rem !important;
font-weight: 600 !important;
line-height: 1.3 !important;
box-shadow: 0 8px 18px -10px rgba(255, 90, 82, .9);
transition: transform .18s cubic-bezier(.2,.8,.3,1), background-color .18s ease;
         }

    #contact_discussion #new-comment::after {
            content: "\f1d8";
font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome";
font-weight: 900;
font-size: .78em;
         }

    #contact_discussion #new-comment:active {
            transform: translateY(0);
         }

    #contact_discussion #new-comment:focus-visible {
            outline: 2px solid var(--d-coral);
outline-offset: 3px;
         }

    #contact_discussion #new-comment:hover {
            background: var(--d-coral-dark) !important;
transform: translateY(-2px);
         }

    #contact_discussion #previous-comments {
            order: 1;
display: flex !important;
flex-direction: column;
margin: 0 !important;
max-height: 60vh;
overflow-y: auto;
padding-right: .35rem;
         }

    #contact_discussion #previous-comments::-webkit-scrollbar {
            width: 6px;
         }

    #contact_discussion #previous-comments::-webkit-scrollbar-thumb {
            background: #D3DCE5;
border-radius: 3px;
         }

    #contact_discussion #size-control-message {
            order: 0;
flex: 0 0 100%;
padding: .5rem .75rem;
border-radius: 10px;
background: rgba(255, 90, 82, .09);
color: var(--d-coral-dark) !important;
font-size: .79rem;
font-weight: 600;
         }

    #contact_discussion #size-counter {
            order: 2;
margin-right: auto;
padding-left: .25rem;
font-size: .76rem !important;
font-variant-numeric: tabular-nums;
color: var(--d-muted) !important;
         }

    #contact_discussion #text-new-comment {
            order: 1;
flex: 0 0 100%;
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
height: 5.5rem !important;
min-height: 5.5rem !important;
max-height: 14rem !important;
margin: 0 !important;
padding: .8rem .95rem !important;
background: #fff !important;
border: 1px solid var(--d-line) !important;
border-radius: 13px !important;
color: var(--d-ink) !important;
font-size: .95rem !important;
line-height: 1.55 !important;
resize: vertical;
outline: none !important;
box-shadow: none !important;
transition: border-color .2s ease, box-shadow .2s ease;
         }

    #contact_discussion #text-new-comment:focus {
            border-color: var(--d-coral) !important;
box-shadow: 0 0 0 3px rgba(255, 90, 82, .13) !important;
         }

    #contact_discussion .nice-comment-cell {
            display: grid !important;
grid-template-columns: 38px minmax(0, 1fr);
column-gap: .85rem;
row-gap: .35rem;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
background: none !important;
border: 0 !important;
box-shadow: none !important;
         }

    #contact_discussion .nice-comment-cell > .col-md-6 {
            grid-column: 2;
grid-row: 1;
display: flex !important;
align-items: baseline;
gap: .1rem;
width: auto !important;
max-width: none !important;
padding: 0 !important;
margin: 0 !important;
background: none !important;
border: 0 !important;
         }

    #contact_discussion .nice-comment-cell > div:not(.col-md-6) {
            grid-column: 2;
grid-row: 2;
width: fit-content !important;
max-width: 100% !important;
margin: 0 !important;
padding: .8rem 1.1rem !important;
background: var(--d-bubble) !important;
border: 0 !important;
border-radius: 16px 16px 16px 5px !important;
box-shadow: none !important;
         }

    #contact_discussion .nice-comment-cell [data-field="content"] {
            display: block;
padding: 0 !important;
margin: 0 !important;
background: none !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
color: var(--d-ink-soft) !important;
font-size: .96rem !important;
line-height: 1.6 !important;
white-space: pre-wrap;
overflow-wrap: anywhere;
         }

    #contact_discussion .nice-comment-cell [data-field="created_by"] {
            padding: 0 !important;
background: none !important;
border: 0 !important;
box-shadow: none !important;
font-size: .87rem !important;
font-weight: 600 !important;
color: var(--d-ink) !important;
         }

    #contact_discussion .nice-comment-cell [data-field="created_by"] + span {
            padding: 0 !important;
background: none !important;
border: 0 !important;
box-shadow: none !important;
font-size: .76rem !important;
color: var(--d-muted) !important;
         }

    #contact_discussion .nice-comment-cell [data-field="created_by"] + span::before {
            content: "\B7";
margin: 0 .4rem;
color: #BFCAD5;
         }

    #contact_discussion .nice-comment-cell::before {
            content: "\f007";
font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome";
font-weight: 900;
grid-column: 1;
grid-row: 1 / 3;
align-self: start;
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 50%;
background: rgba(255, 90, 82, .11);
color: var(--d-coral);
font-size: .88rem;
         }

    #contact_discussion .row {
            --bs-gutter-x: 0;
margin-left: 0 !important;
margin-right: 0 !important;
         }

    #contact_discussion > .my-2 {
            margin: 0 !important;
         }

    #contact_discussion > .text-center {
            text-align: left !important;
margin: 0 0 1.5rem !important;
padding-bottom: 1.15rem;
border-bottom: 1px solid var(--d-line);
         }

    #contact_discussion > .text-center h2 {
            display: flex;
align-items: center;
gap: .6rem;
font-size: clamp(1.3rem, 2.6vw, 1.6rem) !important;
font-weight: 700 !important;
letter-spacing: -0.015em;
color: var(--d-ink) !important;
margin: 0 !important;
         }

    #contact_discussion > .text-center h2::before {
            content: "";
width: 6px;
height: 22px;
border-radius: 3px;
background: var(--d-coral);
flex: 0 0 auto;
         }

    #contact_discussion form {
            display: flex !important;
flex-direction: column;
         }

    #contact_discussion form > .row .col-md-4 {
            order: 3;
flex: 0 0 auto;
width: auto !important;
padding: 0 !important;
margin-left: auto;
         }

    #contact_discussion form > .row:not(#previous-comments) {
            order: 2;
display: flex !important;
flex-wrap: wrap;
align-items: center;
gap: .75rem;
margin: 1.75rem 0 0 !important;
padding: .85rem !important;
background: #F7F9FC;
border: 1px solid var(--d-line);
border-radius: 18px;
transition: border-color .2s ease, background-color .2s ease;
         }

    #contact_discussion form > .row:not(#previous-comments) > .row {
            display: contents !important;
         }

    #contact_discussion form > .row:not(#previous-comments):focus-within {
            background: #fff;
border-color: #C8D4E0;
         }

    #contact_discussion form > h4 {
            order: 0;
font-size: .7rem !important;
font-weight: 700 !important;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--d-muted) !important;
margin: 0 0 1.1rem !important;
         }

    body:has(#contact_discussion) {
            background: #EDF1F6 !important;
overflow-x: hidden;
         }

    body:has(#contact_discussion) #content {
            background: transparent !important;
padding-bottom: 3.5rem !important;
         }

    body[data-customer="true"] {
            --bg: #ffffff;
--card: #ffffff;
--text: #1f2937;
--muted: #6b7280;
--line: #e5e7eb;
--accent: #2563eb;
--shadow: 0 8px 24px rgba(0,0,0,.06);
--radius: 14px;
--primary: #FF4F4F;
--primary-hover: #ff4f4fe6;
--primary-active: #e64545;
--dark-btn: #222F38;
--dark-btn-hover: #182536;
         }

    body[data-customer="true"] #account_edit {
            max-width: 1050px;
margin: 0 auto;
         }

    body[data-customer="true"] #account_edit .mt-2 {
            margin-top: 8px !important;
         }

    body[data-customer="true"] #account_edit > .border {
            padding: 18px 20px !important;
border: 1px solid var(--line) !important;
border-radius: 16px;
background: var(--card);
box-shadow: var(--shadow);
         }

    body[data-customer="true"] #account_edit > .border:last-child > div:first-of-type {
            margin-bottom: 18px;
color: var(--muted);
         }

    body[data-customer="true"] #account_edit > .border:last-child > label {
            display: block;
margin: 0 0 12px;
color: var(--text);
font-weight: 700;
font-size: 1.15rem;
         }

    body[data-customer="true"] #account_edit > .border:last-child p {
            color: var(--text);
line-height: 1.5;
font-weight: 400;
         }

    body[data-customer="true"] #account_edit h2.title {
            display: flex;
align-items: center;
gap: 12px;
margin: 0 0 18px;
font-size: 2rem;
font-weight: 700;
line-height: 1.15;
color: var(--primary);
letter-spacing: -0.02em;
         }

    body[data-customer="true"] #account_edit h2.title .action-icon {
            line-height: 1;
flex-shrink: 0;
         }

    body[data-customer="true"] #account_edit h2.title .glyphicon {
            line-height: 1;
flex-shrink: 0;
         }

    body[data-customer="true"] #account_edit h2.title i {
            line-height: 1;
flex-shrink: 0;
         }

    body[data-customer="true"] #add_pictures {
            display: inline-flex;
align-items: center;
width: 42px;
height: 42px;
margin-top: 0;
margin-left: 14px;
border: 1px dashed #cbd5e1;
border-radius: 10px;
background: #fff;
color: var(--accent);
text-decoration: none;
         }

    body[data-customer="true"] #archived_client_requests_cont .card-title {
            display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 6px !important;
margin-bottom: 14px !important;
line-height: 1.2 !important;
         }

    body[data-customer="true"] #archived_client_requests_cont .card-title .badge {
            display: inline-flex !important;
align-items: center !important;
line-height: 1 !important;
margin: 0 !important;
         }

    body[data-customer="true"] #archived_client_requests_cont .img-fluid.rounded {
            width: 100% !important;
height: 100% !important;
min-height: 180px !important;
object-fit: cover !important;
border-radius: 0 !important;
         }

    body[data-customer="true"] #business_document_0_form .btn {
            min-height: 44px;
padding: .75rem 1.1rem;
border-radius: 10px;
font-weight: 400;
box-shadow: none;
         }

    body[data-customer="true"] #business_document_0_form .btn-primary {
            background: var(--primary);
border-color: var(--primary);
         }

    body[data-customer="true"] #business_document_0_form .btn-primary:hover {
            background: var(--primary-hover);
border-color: var(--primary-hover);
         }

    body[data-customer="true"] #business_document_0_form .btn[disabled] {
            opacity: .55;
cursor: not-allowed;
         }

    body[data-customer="true"] #business_document_0_form .text-end.ms-auto {
            color: var(--text);
line-height: 1.5;
font-weight: 400;
         }

    body[data-customer="true"] #business_document_0_form ::placeholder {
            color: #9ca3af;
         }

    body[data-customer="true"] #business_document_0_form input:focus {
            outline: none;
border-color: #bfd3ff;
box-shadow: 0 0 0 3px rgba(37,99,235,.12);
         }

    body[data-customer="true"] #business_document_0_form input[type="date"] {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #business_document_0_form input[type="file"] {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #business_document_0_form input[type="text"] {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #cancelled_client_requests_cont .card-title {
            display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 6px !important;
margin-bottom: 14px !important;
line-height: 1.2 !important;
         }

    body[data-customer="true"] #cancelled_client_requests_cont .card-title .badge {
            display: inline-flex !important;
align-items: center !important;
line-height: 1 !important;
margin: 0 !important;
         }

    body[data-customer="true"] #cancelled_client_requests_cont .img-fluid.rounded {
            width: 100% !important;
height: 100% !important;
min-height: 180px !important;
object-fit: cover !important;
border-radius: 0 !important;
         }

    body[data-customer="true"] #client_requests_additional_information_0_cell {
            margin-top: 14px;
         }

    body[data-customer="true"] #client_requests_please_fill_in_the_information_below_0 {
            margin: 28px 0 12px;
padding-top: 16px;
border-top: 1px solid var(--line);
color: var(--primary);
font-weight: 700 !important;
         }

    body[data-customer="true"] #client_requests_workflow_cont_0_cell {
            display: none !important;
         }

    body[data-customer="true"] #client_request_0_counterparty {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #f9fafb;
color: var(--muted);
box-shadow: none;
         }

    body[data-customer="true"] #client_request_0_form .calendar .input {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #client_request_0_form .calendar .input:focus {
            outline: none;
border-color: #bfd3ff;
box-shadow: 0 0 0 3px rgba(37,99,235,.12);
         }

    body[data-customer="true"] #client_request_0_form .form-check-inline {
            display: inline-flex;
align-items: center;
gap: 6px;
margin: 0 18px 0 0;
padding: 0;
border: 0;
background: transparent;
         }

    body[data-customer="true"] #client_request_0_form .form-check-input {
            margin: 0;
         }

    body[data-customer="true"] #client_request_0_form .form-check-label {
            margin: 0;
font-weight: 500;
         }

    body[data-customer="true"] #client_request_0_form .required > label::after {
            content: " *";
margin-left: 2px;
color: #dc2626;
font-weight: 700;
white-space: nowrap;
         }

    body[data-customer="true"] #client_request_0_form .row {
            margin-bottom: 16px;
align-items: center;
         }

    body[data-customer="true"] #client_request_0_form .ss-content {
            overflow: hidden;
border: 1px solid var(--line);
border-radius: 10px;
box-shadow: var(--shadow);
         }

    body[data-customer="true"] #client_request_0_form .ss-main {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #client_request_0_form .ss-main:focus {
            outline: none;
border-color: #bfd3ff;
box-shadow: 0 0 0 3px rgba(37,99,235,.12);
         }

    body[data-customer="true"] #client_request_0_form .ss-option {
            padding: 10px 12px;
         }

    body[data-customer="true"] #client_request_0_form .ss-option.ss-highlighted {
            background: #f3f6fb;
         }

    body[data-customer="true"] #client_request_0_form .ss-option:hover {
            background: #f3f6fb;
         }

    body[data-customer="true"] #client_request_0_form .ss-placeholder {
            color: #9ca3af;
         }

    body[data-customer="true"] #client_request_0_form .ss-search {
            padding: 8px;
border-bottom: 1px solid var(--line);
background: #f9fafb;
         }

    body[data-customer="true"] #client_request_0_form .tox-statusbar__branding {
            display: none !important;
         }

    body[data-customer="true"] #client_request_0_form .tox-tinymce {
            overflow: hidden;
border: 1px solid var(--line) !important;
border-radius: 12px !important;
         }

    body[data-customer="true"] #client_request_0_form ::placeholder {
            color: #9ca3af;
         }

    body[data-customer="true"] #client_request_0_form fieldset {
            margin: 0;
padding: 0;
border: 0;
         }

    body[data-customer="true"] #client_request_0_form input:focus {
            outline: none;
border-color: #bfd3ff;
box-shadow: 0 0 0 3px rgba(37,99,235,.12);
         }

    body[data-customer="true"] #client_request_0_form input[type="email"] {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #client_request_0_form input[type="file"] {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #client_request_0_form input[type="number"] {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #client_request_0_form input[type="text"] {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #client_request_0_form label {
            color: var(--text);
font-weight: 400;
line-height: 1.35;
         }

    body[data-customer="true"] #client_request_0_form select {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #client_request_0_form select:focus {
            outline: none;
border-color: #bfd3ff;
box-shadow: 0 0 0 3px rgba(37,99,235,.12);
         }

    body[data-customer="true"] #client_request_0_form textarea {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #client_request_0_form textarea:focus {
            outline: none;
border-color: #bfd3ff;
box-shadow: 0 0 0 3px rgba(37,99,235,.12);
         }

    body[data-customer="true"] #client_request_0_pictures_nested_assoc {
            width: 100%;
overflow: hidden;
border-collapse: collapse;
border: 1px solid var(--line);
border-radius: 12px;
background: #fff;
         }

    body[data-customer="true"] #client_request_0_pictures_nested_assoc .line_remover {
            display: inline-block;
vertical-align: middle;
         }

    body[data-customer="true"] #client_request_0_pictures_nested_assoc td {
            padding: 12px 14px;
border-bottom: 1px solid var(--line);
text-align: left;
         }

    body[data-customer="true"] #client_request_0_pictures_nested_assoc td:last-child {
            width: 60px;
text-align: center;
         }

    body[data-customer="true"] #client_request_0_pictures_nested_assoc th {
            padding: 12px 14px;
border-bottom: 1px solid var(--line);
text-align: left;
         }

    body[data-customer="true"] #client_request_0_pictures_nested_assoc tr:last-child td {
            border-bottom: 0;
         }

    body[data-customer="true"] #client_request_0_pictures_nested_assoc.table {
            margin-bottom: 0;
         }

    body[data-customer="true"] #contacts_agree_to_marketing_emails_0_cell {
            display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
         }

    body[data-customer="true"] #contacts_agree_to_marketing_emails_0_cell .form-check-input {
            width: 18px;
height: 18px;
margin: 0 !important;
border-radius: 4px;
         }

    body[data-customer="true"] #contacts_agree_to_marketing_emails_0_cell > .col-md-10 {
            display: flex !important;
align-items: center !important;
flex: 0 0 auto !important;
width: auto !important;
max-width: none !important;
padding: 0 !important;
margin: 0 !important;
         }

    body[data-customer="true"] #contacts_agree_to_marketing_emails_0_cell > label {
            flex: 0 0 260px !important;
width: 260px !important;
max-width: 260px !important;
margin: 0 !important;
         }

    body[data-customer="true"] #contact_0_contact_information_cont .fst-italic {
            margin-bottom: 18px;
color: var(--muted);
         }

    body[data-customer="true"] #contact_0_contact_information_cont .fw-bold {
            margin-bottom: 6px;
color: var(--text);
         }

    body[data-customer="true"] #contact_0_form #contacts_accept_terms_and_conditions_0_cell {
            display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: flex-start !important;
width: auto !important;
max-width: none !important;
flex: 0 0 auto !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
         }

    body[data-customer="true"] #contact_0_form #contacts_accept_terms_and_conditions_0_cell .col-form-label {
            text-align: left !important;
justify-content: flex-start !important;
align-items: center !important;
width: auto !important;
max-width: none !important;
flex: 0 0 auto !important;
padding: 0 !important;
         }

    body[data-customer="true"] #contact_0_form #contacts_accept_terms_and_conditions_0_cell .invalid-feedback {
            display: block !important;
order: 99 !important;
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
margin: 4px 0 0 !important;
padding-left: 18px !important;
text-align: left !important;
         }

    body[data-customer="true"] #contact_0_form #contacts_accept_terms_and_conditions_0_cell .invalid-feedback li {
            display: list-item !important;
writing-mode: horizontal-tb !important;
unicode-bidi: normal !important;
text-orientation: mixed !important;
width: auto !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
text-align: left !important;
color: #dc2626 !important;
font-size: .92rem !important;
line-height: 1.5 !important;
margin-bottom: 2px !important;
         }

    body[data-customer="true"] #contact_0_form #contacts_accept_terms_and_conditions_0_cell .invalid-feedback li::marker {
            color: #dc2626 !important;
unicode-bidi: normal !important;
writing-mode: horizontal-tb !important;
         }

    body[data-customer="true"] #contact_0_form #contacts_accept_terms_and_conditions_0_cell .text-end {
            display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: auto !important;
min-width: 24px !important;
max-width: 40px !important;
flex: 0 0 auto !important;
padding: 0 !important;
text-align: left !important;
overflow: visible !important;
         }

    body[data-customer="true"] #contact_0_form #contacts_accept_terms_and_conditions_0_cell input[type="checkbox"] {
            display: inline-block !important;
appearance: auto !important;
-webkit-appearance: checkbox !important;
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
min-height: 18px !important;
margin: 0 !important;
padding: 0 !important;
opacity: 1 !important;
visibility: visible !important;
position: static !important;
flex: 0 0 auto !important;
border: 1px solid var(--line) !important;
border-radius: 4px !important;
background: #fff !important;
         }

    body[data-customer="true"] #contact_0_form #contacts_accept_terms_and_conditions_0_cell input[type="hidden"] {
            display: none !important;
         }

    body[data-customer="true"] #contact_0_form #contacts_accept_terms_and_conditions_0_cell.row.col-md-1 {
            display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: flex-start !important;
width: auto !important;
max-width: none !important;
flex: 0 0 auto !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
         }

    body[data-customer="true"] #contact_0_form #contact_0_accept_terms_and_conditions__validationErrors {
            display: block !important;
order: 99 !important;
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
margin: 4px 0 0 !important;
padding-left: 18px !important;
text-align: left !important;
         }

    body[data-customer="true"] #contact_0_form #contact_0_accept_terms_and_conditions__validationErrors li {
            display: list-item !important;
writing-mode: horizontal-tb !important;
unicode-bidi: normal !important;
text-orientation: mixed !important;
width: auto !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
text-align: left !important;
color: #dc2626 !important;
font-size: .92rem !important;
line-height: 1.5 !important;
margin-bottom: 2px !important;
         }

    body[data-customer="true"] #contact_0_form #contact_0_accept_terms_and_conditions__validationErrors li::marker {
            color: #dc2626 !important;
unicode-bidi: normal !important;
writing-mode: horizontal-tb !important;
         }

    body[data-customer="true"] #contact_0_form #contact_0_contact_information_cont .col-md-2:has(.invalid-feedback) {
            flex-direction: column !important;
align-items: flex-start !important;
justify-content: flex-start !important;
         }

    body[data-customer="true"] #contact_0_form #contact_0_documents_-1_validity_end_date {
            width: 100% !important;
         }

    body[data-customer="true"] #contact_0_form #contact_0_terms_and_conditions_cont {
            display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 10px !important;
text-align: left !important;
         }

    body[data-customer="true"] #contact_0_form #contact_0_terms_and_conditions_cont > .col-11 {
            flex: 1 1 0 !important;
width: auto !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
align-items: center !important;
text-align: left !important;
         }

    body[data-customer="true"] #contact_0_form #contact_0_terms_and_conditions_cont > .row.col-11 {
            flex: 1 1 0 !important;
width: auto !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
align-items: center !important;
text-align: left !important;
         }

    body[data-customer="true"] #contact_0_form #contact_0_terms_and_conditions_cont > .row.col-11 .col-form-label {
            text-align: left !important;
justify-content: flex-start !important;
width: 100% !important;
flex: 1 1 auto !important;
         }

    body[data-customer="true"] #contact_0_form #contact_0_terms_and_conditions_cont.panel-body.card-body.row {
            display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 10px !important;
text-align: left !important;
         }

    body[data-customer="true"] #contact_0_form .card-body {
            margin: 0 !important;
padding: 18px !important;
background: #fff !important;
         }

    body[data-customer="true"] #contact_0_form .card-header {
            display: flex !important;
align-items: center !important;
min-height: 52px !important;
margin: 0 !important;
padding: 14px 18px !important;
background: #f8fafc !important;
color: var(--primary) !important;
font-size: 1rem !important;
font-weight: 700 !important;
line-height: 1.2 !important;
border-bottom: 1px solid var(--line) !important;
         }

    body[data-customer="true"] #contact_0_form .form-check-input[type="checkbox"] {
            width: 18px;
height: 18px;
margin: 0 !important;
border-radius: 4px;
         }

    body[data-customer="true"] #contact_0_form .invalid-feedback {
            display: block !important;
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
margin-top: 6px !important;
color: #dc2626 !important;
font-size: .92rem !important;
line-height: 1.5 !important;
         }

    body[data-customer="true"] #contact_0_form .invalid-feedback li {
            display: list-item !important;
writing-mode: horizontal-tb !important;
unicode-bidi: normal !important;
text-orientation: mixed !important;
width: auto !important;
float: none !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
text-align: left !important;
margin-bottom: 4px !important;
color: #dc2626 !important;
         }

    body[data-customer="true"] #contact_0_form .invalid-feedback li::marker {
            color: #dc2626 !important;
unicode-bidi: normal !important;
writing-mode: horizontal-tb !important;
         }

    body[data-customer="true"] #contact_0_form .invalid-feedback ul {
            display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding-left: 18px !important;
list-style-type: disc !important;
writing-mode: horizontal-tb !important;
unicode-bidi: normal !important;
         }

    body[data-customer="true"] #contact_0_form .panel-body {
            margin: 0 !important;
padding: 18px !important;
background: #fff !important;
         }

    body[data-customer="true"] #contact_0_form .panel-body > .row {
            align-items: center !important;
         }

    body[data-customer="true"] #contact_0_form .panel-body.card-body {
            margin: 0 !important;
padding: 18px !important;
background: #fff !important;
         }

    body[data-customer="true"] #contact_0_form .panel-heading {
            display: flex !important;
align-items: center !important;
min-height: 52px !important;
margin: 0 !important;
padding: 14px 18px !important;
background: #f8fafc !important;
color: var(--primary) !important;
font-size: 1rem !important;
font-weight: 700 !important;
line-height: 1.2 !important;
border-bottom: 1px solid var(--line) !important;
         }

    body[data-customer="true"] #contact_0_form .panel-heading.card-header {
            display: flex !important;
align-items: center !important;
min-height: 52px !important;
margin: 0 !important;
padding: 14px 18px !important;
background: #f8fafc !important;
color: var(--primary) !important;
font-size: 1rem !important;
font-weight: 700 !important;
line-height: 1.2 !important;
border-bottom: 1px solid var(--line) !important;
         }

    body[data-customer="true"] #contact_0_form .panel.card {
            overflow: hidden;
border: 1px solid var(--line) !important;
border-radius: 14px !important;
background: #fff !important;
box-shadow: none !important;
         }

    body[data-customer="true"] #contact_0_form .panel.panel-default.card {
            overflow: hidden;
border: 1px solid var(--line) !important;
border-radius: 14px !important;
background: #fff !important;
box-shadow: none !important;
         }

    body[data-customer="true"] #contact_0_form .required > label::after {
            content: " *" !important;
margin-left: 2px !important;
white-space: nowrap;
color: #dc2626;
font-weight: 700;
         }

    body[data-customer="true"] #contact_0_form .row.mb-3 {
            align-items: center !important;
         }

    body[data-customer="true"] #contact_0_form .row.required {
            align-items: center !important;
         }

    body[data-customer="true"] #contact_0_form .ss-content {
            overflow: hidden;
border: 1px solid var(--line);
border-radius: 10px;
box-shadow: var(--shadow);
         }

    body[data-customer="true"] #contact_0_form .ss-main {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #contact_0_form .ss-main:focus {
            outline: none;
border-color: #bfd3ff;
box-shadow: 0 0 0 3px rgba(37,99,235,.12);
         }

    body[data-customer="true"] #contact_0_form .ss-option {
            padding: 10px 12px;
         }

    body[data-customer="true"] #contact_0_form .ss-option.ss-highlighted {
            background: #f3f6fb;
         }

    body[data-customer="true"] #contact_0_form .ss-option:hover {
            background: #f3f6fb;
         }

    body[data-customer="true"] #contact_0_form .ss-placeholder {
            color: #9ca3af;
         }

    body[data-customer="true"] #contact_0_form .ss-search {
            padding: 8px;
border-bottom: 1px solid var(--line);
background: #f9fafb;
         }

    body[data-customer="true"] #contact_0_form .tab-pane > .row {
            align-items: center !important;
         }

    body[data-customer="true"] #contact_0_form ::placeholder {
            color: #9ca3af;
         }

    body[data-customer="true"] #contact_0_form fieldset {
            margin: 0;
padding: 0;
border: 0;
         }

    body[data-customer="true"] #contact_0_form input.error {
            border-color: #f87171 !important;
background: #fffafa;
         }

    body[data-customer="true"] #contact_0_form input.error:focus {
            border-color: #ef4444 !important;
box-shadow: 0 0 0 3px rgba(239,68,68,.12);
         }

    body[data-customer="true"] #contact_0_form input:focus {
            outline: none;
border-color: #bfd3ff;
box-shadow: 0 0 0 3px rgba(37,99,235,.12);
         }

    body[data-customer="true"] #contact_0_form input[type="date"] {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #contact_0_form input[type="email"] {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #contact_0_form input[type="file"] {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #contact_0_form input[type="number"] {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #contact_0_form input[type="password"] {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #contact_0_form input[type="text"] {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #contact_0_form label.col-form-label {
            color: var(--text);
font-weight: 400;
line-height: 1.35;
         }

    body[data-customer="true"] #contact_0_form label.control-label {
            color: var(--text);
font-weight: 400;
line-height: 1.35;
         }

    body[data-customer="true"] #contact_0_form select {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #contact_0_form select.error {
            border-color: #f87171 !important;
background: #fffafa;
         }

    body[data-customer="true"] #contact_0_form select.error:focus {
            border-color: #ef4444 !important;
box-shadow: 0 0 0 3px rgba(239,68,68,.12);
         }

    body[data-customer="true"] #contact_0_form select:focus {
            outline: none;
border-color: #bfd3ff;
box-shadow: 0 0 0 3px rgba(37,99,235,.12);
         }

    body[data-customer="true"] #contact_0_form textarea {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #contact_0_form textarea.error {
            border-color: #f87171 !important;
background: #fffafa;
         }

    body[data-customer="true"] #contact_0_form textarea.error:focus {
            border-color: #ef4444 !important;
box-shadow: 0 0 0 3px rgba(239,68,68,.12);
         }

    body[data-customer="true"] #contact_0_form textarea:focus {
            outline: none;
border-color: #bfd3ff;
box-shadow: 0 0 0 3px rgba(37,99,235,.12);
         }

    body[data-customer="true"] #contact_0_form [class*="col-md-"] {
            flex-wrap: wrap !important;
         }

    body[data-customer="true"] #contact_67_email {
            display: inline-flex;
align-items: center;
min-height: 42px;
padding: 10px 14px;
border: 1px solid var(--line);
border-radius: 10px;
background: #f9fafb;
color: var(--text);
         }

    body[data-customer="true"] #contact_67_form .btn {
            min-height: 44px;
padding: .75rem 1.1rem;
border-radius: 10px;
font-weight: 400;
box-shadow: none;
         }

    body[data-customer="true"] #contact_67_form .btn + .btn {
            margin-left: 8px;
         }

    body[data-customer="true"] #contact_67_form .btn .action-icon {
            margin-right: 6px;
         }

    body[data-customer="true"] #contact_67_form .btn .glyphicon {
            margin-right: 6px;
         }

    body[data-customer="true"] #contact_67_form .btn i {
            margin-right: 6px;
         }

    body[data-customer="true"] #contact_67_form .btn-outline-primary {
            background: #fff;
color: var(--text);
border-color: #cbd5e1;
         }

    body[data-customer="true"] #contact_67_form .btn-outline-primary:hover {
            background: #f8fafc;
color: var(--text);
border-color: #bfc9d6;
         }

    body[data-customer="true"] #contact_67_form .btn-primary {
            background: var(--primary);
border-color: var(--primary);
         }

    body[data-customer="true"] #contact_67_form .btn-primary:hover {
            background: var(--primary-hover);
border-color: var(--primary-hover);
         }

    body[data-customer="true"] #contact_67_form .col-form-label span {
            color: var(--text);
font-weight: 400;
line-height: 1.35;
         }

    body[data-customer="true"] #contact_67_form .row {
            align-items: center;
margin-bottom: 14px;
         }

    body[data-customer="true"] #contact_67_form ::placeholder {
            color: #9ca3af;
         }

    body[data-customer="true"] #contact_67_form input:focus {
            outline: none;
border-color: #bfd3ff;
box-shadow: 0 0 0 3px rgba(37,99,235,.12);
         }

    body[data-customer="true"] #contact_67_form input[type="date"] {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #contact_67_form input[type="email"] {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #contact_67_form input[type="number"] {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #contact_67_form input[type="text"] {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #contact_67_form label.col-form-label {
            color: var(--text);
font-weight: 400;
line-height: 1.35;
         }

    body[data-customer="true"] #contact_67_form label.control-label {
            color: var(--text);
font-weight: 400;
line-height: 1.35;
         }

    body[data-customer="true"] #contact_67_form select {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #contact_67_form select:focus {
            outline: none;
border-color: #bfd3ff;
box-shadow: 0 0 0 3px rgba(37,99,235,.12);
         }

    body[data-customer="true"] #contact_67_form span.aligned {
            color: var(--text);
font-weight: 400;
line-height: 1.35;
         }

    body[data-customer="true"] #contact_67_form textarea {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #contact_67_form textarea:focus {
            outline: none;
border-color: #bfd3ff;
box-shadow: 0 0 0 3px rgba(37,99,235,.12);
         }

    body[data-customer="true"] #contact_account {
            max-width: 1050px;
margin: 0 auto;
         }

    body[data-customer="true"] #contact_account #contact_67_gender {
            display: block;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #f9fafb;
color: var(--text);
         }

    body[data-customer="true"] #contact_account #counterparty_40_client_activity_id {
            display: block;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #f9fafb;
color: var(--text);
         }

    body[data-customer="true"] #contact_account #counterparty_40_country_id {
            display: block;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #f9fafb;
color: var(--text);
         }

    body[data-customer="true"] #contact_account #counterparty_40_main_contact {
            display: block;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #f9fafb;
color: var(--text);
         }

    body[data-customer="true"] #contact_account .alert.alert-danger {
            margin-bottom: 10px;
padding: 10px 14px;
border: 1px solid #fecdd3;
border-radius: 10px;
background: #fff1f2;
color: #9f1239;
font-size: .95rem;
line-height: 1.45;
box-shadow: none;
         }

    body[data-customer="true"] #contact_account .alert.alert-danger:last-child {
            margin-bottom: 0;
         }

    body[data-customer="true"] #contact_account .aligned {
            color: var(--text);
line-height: 1.5;
         }

    body[data-customer="true"] #contact_account .btn + .btn {
            margin-left: 8px;
         }

    body[data-customer="true"] #contact_account .btn .action-icon {
            margin-right: 6px;
         }

    body[data-customer="true"] #contact_account .btn .fa {
            margin-right: 6px;
         }

    body[data-customer="true"] #contact_account .btn .glyphicon {
            margin-right: 6px;
         }

    body[data-customer="true"] #contact_account .btn i {
            margin-right: 6px;
         }

    body[data-customer="true"] #contact_account .btn.btn-primary {
            min-height: 44px;
padding: .75rem 1.1rem;
border-radius: 10px;
background: var(--primary);
border-color: var(--primary);
font-weight: 400;
box-shadow: none;
         }

    body[data-customer="true"] #contact_account .btn.btn-primary:hover {
            background: var(--primary-hover);
border-color: var(--primary-hover);
         }

    body[data-customer="true"] #contact_account .col-form-label span {
            color: var(--text);
line-height: 1.5;
         }

    body[data-customer="true"] #contact_account .col-md-10.col-form-label > span {
            display: block;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #f9fafb;
color: var(--text);
         }

    body[data-customer="true"] #contact_account .col-md-3.col-form-label > span {
            display: block;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #f9fafb;
color: var(--text);
         }

    body[data-customer="true"] #contact_account .row {
            align-items: flex-start;
         }

    body[data-customer="true"] #contact_account .row > .col-md-12 {
            margin-top: 6px;
         }

    body[data-customer="true"] #contact_account > .border {
            margin: 0 0 18px !important;
padding: 18px 20px !important;
border: 1px solid var(--line) !important;
border-radius: 16px;
background: var(--card);
box-shadow: var(--shadow);
         }

    body[data-customer="true"] #contact_account h2.title {
            margin: 0 0 20px;
font-size: 1.9rem;
font-weight: 700;
line-height: 1.15;
color: var(--primary);
letter-spacing: -0.02em;
         }

    body[data-customer="true"] #contact_account label.col-form-label {
            color: var(--text);
font-weight: 400;
line-height: 1.4;
         }

    body[data-customer="true"] #contact_account label.control-label {
            color: var(--text);
font-weight: 400;
line-height: 1.4;
         }

    body[data-customer="true"] #contact_account span.aligned {
            display: block;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #f9fafb;
color: var(--text);
         }

    body[data-customer="true"] #contact_account span.aligned:empty {
            min-height: 44px;
         }

    body[data-customer="true"] #contact_account span[data-field] {
            color: var(--text);
line-height: 1.5;
         }

    body[data-customer="true"] #contact_account span[data-field]:empty {
            min-height: 44px;
         }

    body[data-customer="true"] #contact_account [id$="_cell"].row {
            margin-bottom: 14px;
         }

    body[data-customer="true"] #contact_dashboard {
            max-width: 1050px;
margin: 0 auto;
         }

    body[data-customer="true"] #contact_dashboard .badge {
            border-radius: 8px;
padding: .35em .55em;
font-size: .78rem;
font-weight: 700;
line-height: 1;
         }

    body[data-customer="true"] #contact_dashboard .btn .fa {
            margin-right: 6px;
         }

    body[data-customer="true"] #contact_dashboard .btn i.action-icon {
            margin-right: 6px;
         }

    body[data-customer="true"] #contact_dashboard .btn.btn-outline-primary[href*="/sites/home_page"] {
            min-height: 42px;
padding: .7rem 1.05rem;
border-radius: 10px;
border: 1px solid #cfd8e3;
background: #fff;
color: var(--text);
font-weight: 500;
box-shadow: none;
         }

    body[data-customer="true"] #contact_dashboard .btn.btn-outline-primary[href*="/sites/home_page"]:hover {
            background: #f8fafc;
border-color: #bfc9d6;
color: var(--text);
         }

    body[data-customer="true"] #contact_dashboard .tab-content {
            min-height: 280px;
         }

    body[data-customer="true"] #contact_dashboard .text-center.mt-3 {
            margin-top: 4px !important;
margin-bottom: 18px;
         }

    body[data-customer="true"] #contact_dashboard .text-center.mt-3 h2 {
            margin: 0;
font-size: 2.2rem;
font-weight: 700;
line-height: 1.15;
color: #142640;
letter-spacing: -0.02em;
         }

    body[data-customer="true"] #contact_dashboard > .nav.nav-tabs {
            display: flex;
gap: 0;
margin-bottom: 28px;
padding-left: 0;
border-bottom: 1px solid var(--line);
         }

    body[data-customer="true"] #contact_dashboard > .nav.nav-tabs .nav-link {
            display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 16px;
border: 1px solid transparent;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
background: transparent;
color: #2563eb;
font-weight: 500;
text-decoration: none;
         }

    body[data-customer="true"] #contact_dashboard > .nav.nav-tabs .nav-link.active {
            background: #fff;
color: var(--text);
border-color: var(--line) var(--line) #fff;
font-weight: 500;
         }

    body[data-customer="true"] #contact_dashboard > .nav.nav-tabs .nav-link:hover {
            background: #f8fafc;
border-color: transparent;
         }

    body[data-customer="true"] #contact_dashboard > .nav.nav-tabs > li {
            list-style: none;
margin-bottom: -1px;
         }

    body[data-customer="true"] #contact_dashboard > .row.my-3 {
            margin-top: 0 !important;
margin-bottom: 16px !important;
         }

    body[data-customer="true"] #content.container-fluid {
            max-width: 1500px !important;
margin: 0 auto !important;
         }

    body[data-customer="true"] #counterparties_city_0_cell {
            align-items: center;
         }

    body[data-customer="true"] #counterparties_client_activity_0_cell {
            align-items: center;
         }

    body[data-customer="true"] #counterparties_country_0_cell {
            align-items: center;
         }

    body[data-customer="true"] #counterparties_documents_cont_0_cell {
            margin-bottom: 16px !important;
         }

    body[data-customer="true"] #counterparties_identification_cont_0_cell {
            margin-bottom: 16px !important;
         }

    body[data-customer="true"] #counterparties_legal_form_0_cell {
            align-items: center;
         }

    body[data-customer="true"] #counterparties_name_0_cell {
            align-items: center;
         }

    body[data-customer="true"] #counterparties_primary_address_cont_0_cell {
            margin-bottom: 16px !important;
         }

    body[data-customer="true"] #counterparties_siret_0_cell {
            align-items: center;
         }

    body[data-customer="true"] #counterparties_street_0_cell {
            align-items: center;
         }

    body[data-customer="true"] #counterparties_vat_number_0_cell {
            align-items: center;
         }

    body[data-customer="true"] #counterparties_vat_number_required_0_cell {
            align-items: center;
         }

    body[data-customer="true"] #counterparties_vat_number_required_0_cell .col-form-label {
            display: flex;
align-items: center;
min-height: 44px;
         }

    body[data-customer="true"] #counterparties_website_0_cell {
            align-items: center;
         }

    body[data-customer="true"] #counterparties_zipcode_0_cell {
            align-items: center;
         }

    body[data-customer="true"] #counterparty_0_documents_cont .col-md-2 {
            display: flex;
align-items: center;
         }

    body[data-customer="true"] #counterparty_0_documents_cont .col-md-2 span {
            font-weight: 400;
color: var(--text);
         }

    body[data-customer="true"] #counterparty_0_documents_cont .col-md-3 {
            display: flex;
align-items: center;
         }

    body[data-customer="true"] #counterparty_0_documents_cont .fst-italic {
            margin-bottom: 18px;
color: var(--muted);
         }

    body[data-customer="true"] #counterparty_0_documents_cont .fw-bold {
            margin-bottom: 6px;
color: var(--primary);
         }

    body[data-customer="true"] #counterparty_0_documents_cont > .row.mb-3 {
            margin-bottom: 12px !important;
padding: 12px 0;
border-top: 1px solid #f1f5f9;
         }

    body[data-customer="true"] #counterparty_0_documents_cont > .row.mb-3:first-of-type {
            padding-top: 0;
border-top: 0;
         }

    body[data-customer="true"] #counterparty_0_form .card-body {
            margin: 0 !important;
padding: 18px !important;
background: #fff !important;
         }

    body[data-customer="true"] #counterparty_0_form .card-header {
            display: flex !important;
align-items: center !important;
min-height: 52px !important;
margin: 0 !important;
padding: 14px 18px !important;
background: #f8fafc !important;
color: var(--primary) !important;
font-size: 1rem !important;
font-weight: 700 !important;
line-height: 1.2 !important;
border-bottom: 1px solid var(--line) !important;
         }

    body[data-customer="true"] #counterparty_0_form .form-check-input[type="checkbox"] {
            width: 18px;
height: 18px;
margin: 0 !important;
border-radius: 4px;
         }

    body[data-customer="true"] #counterparty_0_form .invalid-feedback {
            display: block;
margin-top: 6px;
color: #dc2626;
font-size: .92rem;
         }

    body[data-customer="true"] #counterparty_0_form .invalid-feedback li {
            display: list-item !important;
writing-mode: horizontal-tb !important;
unicode-bidi: normal !important;
text-orientation: mixed !important;
width: auto !important;
float: none !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
text-align: left !important;
margin-bottom: 4px !important;
color: #dc2626 !important;
         }

    body[data-customer="true"] #counterparty_0_form .invalid-feedback li::marker {
            color: #dc2626 !important;
unicode-bidi: normal !important;
writing-mode: horizontal-tb !important;
         }

    body[data-customer="true"] #counterparty_0_form .invalid-feedback ul {
            display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding-left: 18px !important;
list-style-type: disc !important;
writing-mode: horizontal-tb !important;
unicode-bidi: normal !important;
         }

    body[data-customer="true"] #counterparty_0_form .panel-body {
            margin: 0 !important;
padding: 18px !important;
background: #fff !important;
         }

    body[data-customer="true"] #counterparty_0_form .panel-body > .row {
            margin-bottom: 16px;
align-items: center !important;
         }

    body[data-customer="true"] #counterparty_0_form .panel-body.card-body {
            margin: 0 !important;
padding: 18px !important;
background: #fff !important;
         }

    body[data-customer="true"] #counterparty_0_form .panel-heading {
            display: flex !important;
align-items: center !important;
min-height: 52px !important;
margin: 0 !important;
padding: 14px 18px !important;
background: #f8fafc !important;
color: var(--primary) !important;
font-size: 1rem !important;
font-weight: 700 !important;
line-height: 1.2 !important;
border-bottom: 1px solid var(--line) !important;
         }

    body[data-customer="true"] #counterparty_0_form .panel-heading.card-header {
            display: flex !important;
align-items: center !important;
min-height: 52px !important;
margin: 0 !important;
padding: 14px 18px !important;
background: #f8fafc !important;
color: var(--primary) !important;
font-size: 1rem !important;
font-weight: 700 !important;
line-height: 1.2 !important;
border-bottom: 1px solid var(--line) !important;
         }

    body[data-customer="true"] #counterparty_0_form .panel.card {
            overflow: hidden;
border: 1px solid var(--line) !important;
border-radius: 14px !important;
background: #fff !important;
box-shadow: none !important;
         }

    body[data-customer="true"] #counterparty_0_form .panel.panel-default.card {
            overflow: hidden;
border: 1px solid var(--line) !important;
border-radius: 14px !important;
background: #fff !important;
box-shadow: none !important;
         }

    body[data-customer="true"] #counterparty_0_form .required > label::after {
            content: " *" !important;
margin-left: 2px !important;
white-space: nowrap;
color: #dc2626;
font-weight: 700;
         }

    body[data-customer="true"] #counterparty_0_form .row {
            margin-bottom: 16px;
align-items: center !important;
         }

    body[data-customer="true"] #counterparty_0_form .row.mb-3 {
            margin-bottom: 16px;
align-items: center !important;
         }

    body[data-customer="true"] #counterparty_0_form .row.required {
            margin-bottom: 16px;
align-items: center !important;
         }

    body[data-customer="true"] #counterparty_0_form .ss-content {
            overflow: hidden;
border: 1px solid var(--line);
border-radius: 10px;
box-shadow: var(--shadow);
         }

    body[data-customer="true"] #counterparty_0_form .ss-main {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #counterparty_0_form .ss-main:focus {
            outline: none;
border-color: #bfd3ff;
box-shadow: 0 0 0 3px rgba(37,99,235,.12);
         }

    body[data-customer="true"] #counterparty_0_form .ss-option {
            padding: 10px 12px;
         }

    body[data-customer="true"] #counterparty_0_form .ss-option.ss-highlighted {
            background: #f3f6fb;
         }

    body[data-customer="true"] #counterparty_0_form .ss-option:hover {
            background: #f3f6fb;
         }

    body[data-customer="true"] #counterparty_0_form .ss-placeholder {
            color: #9ca3af;
         }

    body[data-customer="true"] #counterparty_0_form .ss-search {
            padding: 8px;
border-bottom: 1px solid var(--line);
background: #f9fafb;
         }

    body[data-customer="true"] #counterparty_0_form .tab-pane > .row {
            margin-bottom: 16px;
align-items: center !important;
         }

    body[data-customer="true"] #counterparty_0_form ::placeholder {
            color: #9ca3af;
         }

    body[data-customer="true"] #counterparty_0_form fieldset {
            margin: 0;
padding: 0;
border: 0;
         }

    body[data-customer="true"] #counterparty_0_form input:focus {
            outline: none;
border-color: #bfd3ff;
box-shadow: 0 0 0 3px rgba(37,99,235,.12);
         }

    body[data-customer="true"] #counterparty_0_form input[type="date"] {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #counterparty_0_form input[type="email"] {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #counterparty_0_form input[type="file"] {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #counterparty_0_form input[type="number"] {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #counterparty_0_form input[type="text"] {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #counterparty_0_form label {
            color: var(--text);
font-weight: 400;
line-height: 1.35;
         }

    body[data-customer="true"] #counterparty_0_form label.col-form-label {
            color: var(--text);
font-weight: 400;
line-height: 1.35;
         }

    body[data-customer="true"] #counterparty_0_form label.control-label {
            color: var(--text);
font-weight: 400;
line-height: 1.35;
         }

    body[data-customer="true"] #counterparty_0_form select {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #counterparty_0_form select:focus {
            outline: none;
border-color: #bfd3ff;
box-shadow: 0 0 0 3px rgba(37,99,235,.12);
         }

    body[data-customer="true"] #counterparty_0_form textarea {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"] #counterparty_0_form textarea:focus {
            outline: none;
border-color: #bfd3ff;
box-shadow: 0 0 0 3px rgba(37,99,235,.12);
         }

    body[data-customer="true"] #counterparty_0_global_view_cont > .nav-tabs {
            margin: 0 0 20px;
padding: 0;
gap: 8px;
border-bottom: 1px solid var(--line);
         }

    body[data-customer="true"] #counterparty_0_global_view_cont > .nav-tabs .nav-link {
            padding: 10px 14px;
border: 0;
border-radius: 10px 10px 0 0;
background: transparent;
color: var(--muted);
font-weight: 400;
         }

    body[data-customer="true"] #counterparty_0_global_view_cont > .nav-tabs .nav-link.active {
            color: var(--primary);
background: #f8fafc;
         }

    body[data-customer="true"] #counterparty_0_sage_csv_export_cont .col-form-label > span {
            display: flex;
align-items: center;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #f9fafb;
color: var(--muted);
         }

    body[data-customer="true"] #counterparty_0_sage_csv_export_cont .col-form-label > span.aligned {
            display: flex;
align-items: center;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #f9fafb;
color: var(--muted);
         }

    body[data-customer="true"] #errorExplanation {
            position: relative;
overflow: hidden;
margin: 0 0 24px;
padding: 18px 20px 18px 22px;
border: 1px solid var(--line);
border-radius: 14px;
background: #fff;
box-shadow: var(--shadow);
         }

    body[data-customer="true"] #errorExplanation h4 {
            margin: 0 0 8px;
padding: 0;
background: transparent;
font-size: 1.1rem;
font-weight: 700;
line-height: 1.3;
         }

    body[data-customer="true"] #errorExplanation li {
            margin-bottom: 8px;
line-height: 1.5;
         }

    body[data-customer="true"] #errorExplanation li::marker {
            color: #ef4444;
         }

    body[data-customer="true"] #errorExplanation li:last-child {
            margin-bottom: 0;
         }

    body[data-customer="true"] #errorExplanation p {
            margin: 0 0 10px;
padding: 0;
font-size: .95rem;
color: var(--muted);
         }

    body[data-customer="true"] #errorExplanation ul {
            margin: 0;
padding-left: 20px;
         }

    body[data-customer="true"] #errorExplanation::before {
            content: "";
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 100%;
         }

    body[data-customer="true"] #flash {
            display: flex !important;
justify-content: center !important;
width: 100% !important;
margin: 4 auto 18px !important;
float: none !important;
         }

    body[data-customer="true"] #flash .alert {
            width: min(90%, 600px) !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
border-radius: 8px !important;
         }

    body[data-customer="true"] #flash .alert.alert-danger {
            border: 1px solid #fecaca !important;
background: #fff7f7 !important;
color: #7f1d1d !important;
         }

    body[data-customer="true"] #flash .alert.alert-error {
            border: 1px solid #fecaca !important;
background: #fff7f7 !important;
color: #7f1d1d !important;
         }

    body[data-customer="true"] #flash .alert.alert-success {
            width: min(90%, 600px) !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
border-radius: 8px !important;
         }

    body[data-customer="true"] #flash .alert.alert-warning {
            border: 1px solid #f5cf66 !important;
background: #fff7d6 !important;
color: #7a5a00 !important;
         }

    body[data-customer="true"] #flash .alert.notice {
            width: min(90%, 600px) !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
border-radius: 8px !important;
         }

    body[data-customer="true"] #homepage #search-section #departement {
            width: 100%;
height: 52px;
padding: 0 18px;
border-radius: 12px;
border: 2px solid rgba(24,47,57,0.35);
background-color: rgba(255,255,255,0.85);
color: #182f39;
font-size: 16px;
box-shadow: none;
outline: none;
         }

    body[data-customer="true"] #homepage #search-section #departement::placeholder {
            color: rgba(24,47,57,0.55);
         }

    body[data-customer="true"] #homepage #search-section #departement:focus {
            border-color: #ff4f55;
box-shadow: 0 0 0 4px rgba(255,79,85,0.18);
         }

    body[data-customer="true"] #login_form {
            margin: 0 !important;
width: 100%;
         }

    body[data-customer="true"] #login_form #btn_submit {
            min-width: 180px;
min-height: 48px;
padding: .85rem 1.4rem;
border-radius: 12px;
border: 1px solid var(--primary) !important;
background: var(--primary) !important;
color: #fff !important;
font-weight: 600;
box-shadow: none !important;
         }

    body[data-customer="true"] #login_form #btn_submit:active {
            background: var(--primary-active) !important;
border-color: var(--primary-active) !important;
         }

    body[data-customer="true"] #login_form #btn_submit:hover {
            background: var(--primary-hover) !important;
border-color: var(--primary-hover) !important;
         }

    body[data-customer="true"] #login_form #logo {
            display: block;
width: 100%;
max-width: 470px;
height: auto;
margin: 0 auto 20px;
border-radius: 0 !important;
         }

    body[data-customer="true"] #login_form #users_login_0_cell {
            display: flex;
align-items: center;
margin-bottom: 18px !important;
         }

    body[data-customer="true"] #login_form #users_login_0_cell .col-sm-7 {
            flex: 1 1 auto;
         }

    body[data-customer="true"] #login_form #users_login_0_cell > .col-sm-7 {
            float: none !important;
width: 100% !important;
max-width: none !important;
padding: 0 !important;
margin: 0 !important;
         }

    body[data-customer="true"] #login_form #users_login_0_cell > label {
            float: none !important;
width: auto !important;
max-width: none !important;
padding: 0 !important;
margin: 0 !important;
text-align: left !important;
white-space: nowrap;
         }

    body[data-customer="true"] #login_form #users_login_0_cell label {
            color: var(--text);
font-weight: 400;
line-height: 1.4;
margin-bottom: 0;
         }

    body[data-customer="true"] #login_form #users_password_0_cell {
            display: flex;
align-items: center;
margin-bottom: 18px !important;
         }

    body[data-customer="true"] #login_form #users_password_0_cell #user_0_password {
            flex: 1 1 auto !important;
width: 1% !important;
min-width: 0 !important;
         }

    body[data-customer="true"] #login_form #users_password_0_cell .bi-eye {
            border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-top-right-radius: 12px !important;
border-bottom-right-radius: 12px !important;
         }

    body[data-customer="true"] #login_form #users_password_0_cell .col-sm-7 {
            flex: 1 1 auto;
         }

    body[data-customer="true"] #login_form #users_password_0_cell .input-group {
            display: flex !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
width: 100% !important;
         }

    body[data-customer="true"] #login_form #users_password_0_cell .input-group button {
            flex: 0 0 48px;
min-height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
         }

    body[data-customer="true"] #login_form #users_password_0_cell .input-group-addon {
            flex: 0 0 48px;
min-height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
         }

    body[data-customer="true"] #login_form #users_password_0_cell .input-group-text {
            flex: 0 0 48px;
min-height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
         }

    body[data-customer="true"] #login_form #users_password_0_cell > .col-sm-7 {
            float: none !important;
width: 100% !important;
max-width: none !important;
padding: 0 !important;
margin: 0 !important;
         }

    body[data-customer="true"] #login_form #users_password_0_cell > label {
            float: none !important;
width: auto !important;
max-width: none !important;
padding: 0 !important;
margin: 0 !important;
text-align: left !important;
white-space: nowrap;
         }

    body[data-customer="true"] #login_form #users_password_0_cell i.input-group-text {
            border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-top-right-radius: 12px !important;
border-bottom-right-radius: 12px !important;
         }

    body[data-customer="true"] #login_form #users_password_0_cell label {
            color: var(--text);
font-weight: 400;
line-height: 1.4;
margin-bottom: 0;
         }

    body[data-customer="true"] #login_form #user_0_login {
            width: 100%;
min-height: 48px;
padding: .8rem 1rem;
border: 1px solid var(--line) !important;
border-radius: 12px;
background: #fff !important;
color: var(--text);
box-shadow: none !important;
         }

    body[data-customer="true"] #login_form #user_0_login:focus {
            outline: none;
border-color: #bfd3ff !important;
box-shadow: 0 0 0 3px rgba(37,99,235,.12) !important;
         }

    body[data-customer="true"] #login_form #user_0_password {
            width: 100%;
min-height: 48px;
padding: .8rem 1rem;
border: 1px solid var(--line) !important;
border-radius: 12px;
background: #fff !important;
color: var(--text);
box-shadow: none !important;
         }

    body[data-customer="true"] #login_form #user_0_password:focus {
            outline: none;
border-color: #bfd3ff !important;
box-shadow: 0 0 0 3px rgba(37,99,235,.12) !important;
         }

    body[data-customer="true"] #login_form .form-group {
            margin: 0;
         }

    body[data-customer="true"] #login_form .form-group .col-sm-12 {
            display: flex;
justify-content: center;
         }

    body[data-customer="true"] #login_form > .center_elt {
            text-align: center;
color: var(--text);
font-size: 1.7rem;
font-weight: 700;
line-height: 1.25;
         }

    body[data-customer="true"] #login_form > .col-sm-12.center_elt {
            text-align: left;
font-size: 1rem;
font-weight: 400;
         }

    body[data-customer="true"] #login_form a[href*="forgotten_password"] {
            display: inline-flex;
align-items: center;
gap: 8px;
margin: 8px 0 20px;
color: var(--accent);
text-decoration: none;
font-size: .98rem;
font-weight: 500;
         }

    body[data-customer="true"] #login_form a[href*="forgotten_password"] .action-icon {
            margin: 0 !important;
         }

    body[data-customer="true"] #login_form a[href*="forgotten_password"] .fa {
            margin: 0 !important;
         }

    body[data-customer="true"] #login_form a[href*="forgotten_password"]:hover {
            text-decoration: underline;
         }

    body[data-customer="true"] #login_form hr {
            margin: 18px 0;
border: 0;
border-top: 1px solid var(--line);
opacity: 1;
         }

    body[data-customer="true"] #open_client_requests_cont .badge.text-bg-secondary {
            background: #7c8591 !important;
color: #fff !important;
border-radius: 8px;
padding: .45em .7em;
font-size: .82rem;
font-weight: 700;
         }

    body[data-customer="true"] #open_client_requests_cont .card .row.g-0 {
            align-items: stretch;
         }

    body[data-customer="true"] #open_client_requests_cont .card-body {
            padding: 18px 18px 16px;
         }

    body[data-customer="true"] #open_client_requests_cont .card-body p {
            margin-bottom: 8px;
color: var(--text);
font-weight: bold;
         }

    body[data-customer="true"] #open_client_requests_cont .card-body span:not(.badge) {
            color: var(--text);
line-height: 1.5;
         }

    body[data-customer="true"] #open_client_requests_cont .card-title {
            margin-bottom: 14px;
font-size: 1.15rem;
font-weight: 700;
color: #142640;
         }

    body[data-customer="true"] #open_client_requests_cont .card-title .badge {
            display: inline-flex !important;
align-items: center !important;
line-height: 1 !important;
margin: 0 !important;
         }

    body[data-customer="true"] #open_client_requests_cont .col-12 > .card {
            overflow: hidden;
border: 1px solid var(--line);
border-radius: var(--radius);
background: var(--card);
box-shadow: var(--shadow);
         }

    body[data-customer="true"] #open_client_requests_cont .img-fluid.rounded {
            width: 100% !important;
height: 100% !important;
min-height: 180px !important;
object-fit: cover !important;
border-radius: 0 !important;
         }

    body[data-customer="true"] #open_client_requests_cont .row.g-4.m-1 {
            margin: 0 !important;
row-gap: 18px !important;
         }

    body[data-customer="true"] #open_client_requests_cont .text-end .btn {
            min-height: 42px;
padding: .72rem 1rem;
border-radius: 10px;
font-weight: 400;
box-shadow: none;
         }

    body[data-customer="true"] #open_client_requests_cont .text-end .btn + .btn {
            margin-left: 8px;
         }

    body[data-customer="true"] #open_client_requests_cont .text-end .btn-outline-primary {
            background: #fff;
color: var(--text);
border: 1px solid #cfd8e3;
         }

    body[data-customer="true"] #open_client_requests_cont .text-end .btn-outline-primary:hover {
            background: #f8fafc;
border-color: #bfc9d6;
color: var(--text);
         }

    body[data-customer="true"] #open_client_requests_cont .text-end .btn-primary {
            background: #1f2f44;
border-color: #1f2f44;
color: #fff;
         }

    body[data-customer="true"] #open_client_requests_cont .text-end .btn-primary:hover {
            background: #182536;
border-color: #182536;
         }

    body[data-customer="true"] #warningExplanation {
            position: relative;
overflow: hidden;
margin: 0 0 24px;
padding: 18px 20px 18px 22px;
border: 1px solid var(--line);
border-radius: 14px;
background: #fff;
box-shadow: var(--shadow);
         }

    body[data-customer="true"] #warningExplanation h4 {
            margin: 0 0 8px;
padding: 0;
background: transparent;
font-size: 1.1rem;
font-weight: 700;
line-height: 1.3;
         }

    body[data-customer="true"] #warningExplanation li {
            margin-bottom: 8px;
line-height: 1.5;
         }

    body[data-customer="true"] #warningExplanation li::marker {
            color: #f59e0b;
         }

    body[data-customer="true"] #warningExplanation li:last-child {
            margin-bottom: 0;
         }

    body[data-customer="true"] #warningExplanation p {
            margin: 0 0 10px;
padding: 0;
font-size: .95rem;
color: var(--muted);
         }

    body[data-customer="true"] #warningExplanation ul {
            margin: 0;
padding-left: 20px;
         }

    body[data-customer="true"] #warningExplanation::before {
            content: "";
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 100%;
         }

    body[data-customer="true"] .client-header.client-is-logged-out .client-login-btn {
            display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 10px 20px !important;
border: 2px solid var(--primary) !important;
border-radius: 50px !important;
background: transparent !important;
color: var(--primary) !important;
font-weight: 600 !important;
font-size: 0.9rem !important;
text-decoration: none !important;
transition: background .2s ease, color .2s ease !important;
white-space: nowrap !important;
         }

    body[data-customer="true"] .client-header.client-is-logged-out .client-login-btn:hover {
            background: var(--primary) !important;
color: #fff !important;
         }

    body[data-customer="true"] .errorExplanation {
            background: #fff7f7 !important;
border: 1px solid #fecaca !important;
border-radius: 12px !important;
padding: 16px 20px !important;
margin-bottom: 20px !important;
color: #7f1d1d !important;
box-shadow: none !important;
         }

    body[data-customer="true"] .errorExplanation h4 {
            color: #b91c1c !important;
font-weight: 700 !important;
margin-bottom: 8px !important;
background: transparent !important;
         }

    body[data-customer="true"] .errorExplanation li {
            color: #7f1d1d !important;
         }

    body[data-customer="true"] .errorExplanation li::marker {
            color: #ef4444 !important;
         }

    body[data-customer="true"] .errorExplanation p {
            color: #7f1d1d !important;
         }

    body[data-customer="true"] .line_remover {
            color: #9ca3af;
         }

    body[data-customer="true"] .line_remover:hover {
            color: #dc2626;
         }

    body[data-customer="true"]:has(#login_form) {
            min-height: 100vh;
background: var(--bg) !important;
color: var(--text);
         }

    body[data-customer="true"]:has(#login_form) .btn {
            min-height: 44px;
padding: .75rem 1.1rem;
border-radius: 10px;
font-weight: 400;
box-shadow: none !important;
transition: transform .18s ease, box-shadow .18s ease;
transform: scale(1);
         }

    body[data-customer="true"]:has(#login_form) .btn-outline-primary {
            color: var(--primary) !important;
background: #fff !important;
border-color: var(--primary) !important;
--bs-btn-color: var(--primary) !important;
--bs-btn-bg: #fff !important;
--bs-btn-border-color: var(--primary) !important;
--bs-btn-hover-color: var(--primary) !important;
--bs-btn-hover-bg: #fff !important;
--bs-btn-hover-border-color: var(--primary) !important;
--bs-btn-active-color: var(--primary) !important;
--bs-btn-active-bg: #fff !important;
--bs-btn-active-border-color: var(--primary) !important;
         }

    body[data-customer="true"]:has(#login_form) .btn-primary {
            color: #fff !important;
background: var(--primary) !important;
border-color: var(--primary) !important;
--bs-btn-color: #fff !important;
--bs-btn-bg: var(--primary) !important;
--bs-btn-border-color: var(--primary) !important;
--bs-btn-hover-color: #fff !important;
--bs-btn-hover-bg: var(--primary) !important;
--bs-btn-hover-border-color: var(--primary) !important;
--bs-btn-active-color: #fff !important;
--bs-btn-active-bg: var(--primary) !important;
--bs-btn-active-border-color: var(--primary) !important;
         }

    body[data-customer="true"]:has(#login_form) .btn:hover {
            transform: scale(1.04);
box-shadow: none !important;
         }

    body[data-customer="true"]:has(#login_form) .center_box {
            width: 100%;
max-width: 560px;
margin: 0 auto !important;
padding: 32px 32px 28px !important;
border: 1px solid var(--line) !important;
border-radius: 20px !important;
background: var(--card) !important;
box-shadow: var(--shadow) !important;
         }

    body[data-customer="true"]:has(#login_form) .container {
            min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 32px 16px;
         }

    body[data-customer="true"][data-controller="client_requests"] {
            font-family: "Poppins", sans-serif;
         }

    body[data-customer="true"][data-controller="client_requests"] .breadcrumb {
            margin: 0 0 20px;
padding: 0;
background: none;
font-size: .95rem;
         }

    body[data-customer="true"][data-controller="client_requests"] .breadcrumb a {
            color: var(--muted);
text-decoration: none;
         }

    body[data-customer="true"][data-controller="client_requests"] .btn {
            min-height: 44px;
padding: .75rem 1.1rem;
border-radius: 10px;
font-weight: 400;
box-shadow: none !important;
transition: transform .18s ease, box-shadow .18s ease;
transform: scale(1);
         }

    body[data-customer="true"][data-controller="client_requests"] .btn-outline-primary {
            color: var(--primary) !important;
background: #fff !important;
border-color: var(--primary) !important;
--bs-btn-color: var(--primary) !important;
--bs-btn-bg: #fff !important;
--bs-btn-border-color: var(--primary) !important;
--bs-btn-hover-color: var(--primary) !important;
--bs-btn-hover-bg: #fff !important;
--bs-btn-hover-border-color: var(--primary) !important;
--bs-btn-active-color: var(--primary) !important;
--bs-btn-active-bg: #fff !important;
--bs-btn-active-border-color: var(--primary) !important;
         }

    body[data-customer="true"][data-controller="client_requests"] .btn-primary {
            color: #fff !important;
background: var(--primary) !important;
border-color: var(--primary) !important;
--bs-btn-color: #fff !important;
--bs-btn-bg: var(--primary) !important;
--bs-btn-border-color: var(--primary) !important;
--bs-btn-hover-color: #fff !important;
--bs-btn-hover-bg: var(--primary) !important;
--bs-btn-hover-border-color: var(--primary) !important;
--bs-btn-active-color: #fff !important;
--bs-btn-active-bg: var(--primary) !important;
--bs-btn-active-border-color: var(--primary) !important;
         }

    body[data-customer="true"][data-controller="client_requests"] .btn:active {
            transform: scale(0.98);
         }

    body[data-customer="true"][data-controller="client_requests"] .btn:focus-visible {
            transform: scale(1.04);
box-shadow: none !important;
         }

    body[data-customer="true"][data-controller="client_requests"] .btn:hover {
            transform: scale(1.04);
box-shadow: none !important;
         }

    body[data-customer="true"][data-controller="client_requests"] .required > .form-label.fw-bold {
            margin: 28px 0 12px;
padding-top: 16px;
border-top: 1px solid var(--line);
color: var(--primary);
font-weight: 700 !important;
         }

    body[data-customer="true"][data-controller="client_requests"].top_bootstrap5 {
            background: var(--bg);
color: var(--text);
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] #add_pictures {
            display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border: 1px dashed #cbd5e1;
border-radius: 12px;
background: #fff;
color: var(--primary);
text-decoration: none;
font-size: 1.5rem;
line-height: 1;
margin-bottom: 20px;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] #add_pictures .action-icon {
            margin: 0 !important;
width: auto !important;
height: auto !important;
line-height: 1 !important;
font-size: 1.25rem !important;
align-items: center;
justify-content: center;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] #add_pictures .fa {
            margin: 0 !important;
width: auto !important;
height: auto !important;
line-height: 1 !important;
font-size: 1.25rem !important;
align-items: center;
justify-content: center;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] #add_pictures .fa-plus {
            margin: 0 !important;
width: auto !important;
height: auto !important;
line-height: 1 !important;
font-size: 1.25rem !important;
align-items: center;
justify-content: center;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] #add_pictures i {
            margin: 0 !important;
width: auto !important;
height: auto !important;
line-height: 1 !important;
font-size: 1.25rem !important;
align-items: center;
justify-content: center;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] #add_pictures::after {
            content: "Ajouter une photo" !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] #add_pictures:hover {
            border-color: var(--primary);
background: #fff5f5;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] #client_request_309_form {
            margin: 0;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] #content.container-fluid {
            max-width: 1100px;
margin: 2rem auto;
padding: 24px 16px 40px !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] .action_buttons {
            display: flex !important;
flex-wrap: wrap !important;
gap: 10px !important;
margin-top: 28px !important;
padding-top: 20px !important;
border-top: 1px solid #edf0f3 !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] .action_buttons .btn {
            min-height: 44px !important;
padding: .6rem 1.4rem !important;
border-radius: 11px !important;
font-weight: 600 !important;
font-size: .92rem !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: none !important;
border: none !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] .action_buttons .btn-outline-primary {
            background: #fff !important;
border: 1px solid #d9dfe7 !important;
color: #142640 !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] .action_buttons .btn-outline-primary:hover {
            border-color: #FF4F4F !important;
color: #FF4F4F !important;
background: #fff8f8 !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] .action_buttons .btn-primary {
            background: #FF4F4F !important;
color: #fff !important;
box-shadow: 0 6px 16px rgba(255,79,79,.28) !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] .action_buttons .btn-primary:hover {
            background: #e63e3e !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] .action_buttons input.btn-primary {
            background: #FF4F4F !important;
color: #fff !important;
box-shadow: 0 6px 16px rgba(255,79,79,.28) !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] .action_buttons input.btn-primary:hover {
            background: #e63e3e !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] .action_buttons input[type="submit"] {
            min-height: 44px !important;
padding: .6rem 1.4rem !important;
border-radius: 11px !important;
font-weight: 600 !important;
font-size: .92rem !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: none !important;
border: none !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] .content#container {
            background: var(--card);
border: 1px solid var(--line);
border-radius: 16px;
box-shadow: var(--shadow);
padding: 28px;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] .content.row#container {
            width: 100% !important;
box-sizing: border-box !important;
margin: 0 !important;
background: #fff !important;
border: 1px solid #edf0f3 !important;
border-radius: 18px !important;
box-shadow: 0 6px 28px rgba(20,38,64,.06) !important;
padding: 30px 34px !important;
overflow: hidden !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] .fa-trash {
            color: #9ca3af;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] .fa-trash:hover {
            color: #dc2626;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] .fields {
            margin: 0;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] .fields.align_fields.col-sm-12 {
            width: 100% !important;
max-width: 100% !important;
flex: none !important;
padding: 0 !important;
margin: 0 !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] .icon-trash {
            color: #9ca3af;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] .icon-trash:hover {
            color: #dc2626;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] .line_remover {
            color: #9ca3af;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] .line_remover:hover {
            color: #dc2626;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] .nested_copyright input.form-control {
            width: 100% !important;
min-height: 40px !important;
padding: 8px 12px !important;
border: 1px solid #d9dfe7 !important;
border-radius: 9px !important;
font-size: .9rem !important;
color: #1f2937 !important;
box-sizing: border-box !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] .nested_copyright input.form-control:focus {
            outline: none !important;
border-color: #FF4F4F !important;
box-shadow: 0 0 0 3px rgba(255,79,79,.12) !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] .nested_file .input-group {
            display: block !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] .nested_file a[href*="get_file"] {
            color: #FF4F4F !important;
text-decoration: none !important;
font-weight: 500 !important;
word-break: break-word !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] .nested_file a[href*="get_file"]:hover {
            text-decoration: underline !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] .nested_file input[type="file"] {
            display: block !important;
width: 100% !important;
padding: 8px 10px !important;
border: 1px dashed #d9dfe7 !important;
border-radius: 9px !important;
background: #f8fafc !important;
font-size: .85rem !important;
color: #6b7280 !important;
box-sizing: border-box !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] .row > .col {
            width: 100% !important;
max-width: 100% !important;
flex: none !important;
padding: 0 !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] a[id^="add_"] {
            display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border: 1px dashed #cbd5e1;
border-radius: 12px;
background: #fff;
color: var(--primary);
text-decoration: none;
font-size: 1.5rem;
line-height: 1;
margin-bottom: 20px;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] a[id^="add_"]:hover {
            border-color: var(--primary);
background: #fff5f5;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] form .btn-outline-primary {
            min-height: 44px;
padding: .75rem 1.1rem;
border-radius: 10px;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] form > .btn {
            margin-top: 8px;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] form > a.btn {
            margin-top: 8px;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] form > input[type="submit"] {
            margin-top: 8px;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] form a.btn {
            min-height: 44px;
padding: .75rem 1.1rem;
border-radius: 10px;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] form input[type="submit"] {
            min-height: 44px;
padding: .75rem 1.1rem;
border-radius: 10px;
border: 1px solid var(--primary);
background: var(--primary);
color: #fff;
font-weight: 400;
box-shadow: none;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] form input[type="submit"]:hover {
            background: var(--primary-hover);
border-color: var(--primary-hover);
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] form[id^="client_request_"] {
            margin: 0;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] h2.title {
            margin: 0 0 20px;
font-size: 2rem;
font-weight: 700;
line-height: 1.15;
color: var(--primary);
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] h2.title .action-icon {
            margin: 0 !important;
color: #b8c0ca !important;
font-size: .9em !important;
flex: 0 0 auto !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] h2.title .fa {
            margin: 0 !important;
color: #b8c0ca !important;
font-size: .9em !important;
flex: 0 0 auto !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] h2.title i {
            margin: 0 !important;
color: #b8c0ca !important;
font-size: .9em !important;
flex: 0 0 auto !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] input[type="text"] {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] input[type="text"]:focus {
            outline: none;
border-color: #bfd3ff;
box-shadow: 0 0 0 3px rgba(37,99,235,.12);
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] table {
            width: 100%;
border-collapse: collapse;
overflow: hidden;
border: 1px solid var(--line);
border-radius: 12px;
background: #fff;
margin-bottom: 20px;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] td {
            padding: 14px 16px;
border-bottom: 1px solid var(--line);
text-align: left;
vertical-align: middle;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] td a {
            color: var(--accent);
text-decoration: none;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] td a:hover {
            text-decoration: underline;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] textarea {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] textarea:focus {
            outline: none;
border-color: #bfd3ff;
box-shadow: 0 0 0 3px rgba(37,99,235,.12);
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] th {
            padding: 14px 16px;
border-bottom: 1px solid var(--line);
text-align: left;
vertical-align: middle;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] tr:last-child td {
            border-bottom: 0;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] [id$="_pictures_nested_assoc"] {
            width: 100% !important;
border-collapse: separate !important;
border-spacing: 0 !important;
border: 1px solid #e9edf1 !important;
border-radius: 12px !important;
overflow: hidden !important;
margin: 0 0 4px !important;
table-layout: fixed !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] [id$="_pictures_nested_assoc"] td {
            padding: 12px 16px !important;
border-top: 1px solid #eef1f4 !important;
vertical-align: middle !important;
font-size: .9rem !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] [id$="_pictures_nested_assoc"] td:last-child {
            text-align: center !important;
width: 70px !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] [id$="_pictures_nested_assoc"] th.actions {
            width: 100px !important;
padding: 12px 8px !important;
text-align: center !important;
white-space: nowrap !important;
letter-spacing: .01em !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] [id$="_pictures_nested_assoc"] thead th {
            background: #f8fafc !important;
color: #8a94a3 !important;
font-size: .78rem !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: .04em !important;
padding: 12px 16px !important;
border: none !important;
text-align: left !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="create"] #errorExplanation {
            background: #fff7f7 !important;
border-color: #fecaca !important;
color: #7f1d1d !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="create"] #errorExplanation h4 {
            color: #7f1d1d !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="create"] #errorExplanation li {
            color: #7f1d1d !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="create"] #errorExplanation p {
            color: #7f1d1d !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="create"] #warningExplanation {
            background: #fffcf3 !important;
border-color: #fde68a !important;
color: #78350f !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="create"] #warningExplanation h4 {
            color: #78350f !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="create"] #warningExplanation li {
            color: #78350f !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="create"] #warningExplanation p {
            color: #78350f !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="new"] #content.container-fluid {
            max-width: 1100px;
margin: 2rem auto;
padding: 24px 16px 40px !important;
background: var(--card);
border: 1px solid var(--line);
border-radius: 16px;
box-shadow: var(--shadow);
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="new"] #errorExplanation {
            background: #fff7f7 !important;
border-color: #fecaca !important;
color: #7f1d1d !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="new"] #errorExplanation h4 {
            color: #7f1d1d !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="new"] #errorExplanation li {
            color: #7f1d1d !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="new"] #errorExplanation p {
            color: #7f1d1d !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="new"] #visioglobe_viewer {
            width: 100% !important;
max-width: 100% !important;
border-radius: 12px !important;
border: 1px solid var(--line) !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="new"] #visioglobe_viewer canvas {
            width: 100% !important;
height: 100% !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="new"] #warningExplanation {
            background: #fffcf3 !important;
border-color: #fde68a !important;
color: #78350f !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="new"] #warningExplanation h4 {
            color: #78350f !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="new"] #warningExplanation li {
            color: #78350f !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="new"] #warningExplanation p {
            color: #78350f !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="new"] .std_links {
            display: none !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="new"] .tabbed-container > .nav-tabs {
            display: none !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="new"] h2.title {
            margin: 0 12px;
font-size: 2rem;
font-weight: 700;
color: var(--primary);
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="new"] h2.title .action-icon {
            display: none;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="new"] h2.title .fa {
            display: none;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="new"] h2.title i {
            display: none;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="new_request"] .std_links {
            display: none !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="new_request"] .tabbed-container > .nav-tabs {
            display: none !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #client_requests_additional_information_408_cell {
            display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #client_requests_additional_information_408_cell > .col-md-10 {
            flex: 1 1 auto !important;
width: auto !important;
max-width: none !important;
padding-left: 0 !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #client_requests_additional_information_408_cell > label {
            flex: 0 0 180px !important;
width: 180px !important;
max-width: 180px !important;
margin: 0 !important;
padding-right: 12px !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #client_requests_comments_cont_309_cell {
            margin-top: 28px;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #client_requests_comments_cont_309_cell .card-body {
            margin: 0 !important;
padding: 18px !important;
background: #fff !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #client_requests_comments_cont_309_cell .card-header {
            display: flex !important;
align-items: center !important;
min-height: 52px !important;
margin: 0 !important;
padding: 14px 18px !important;
background: #f8fafc !important;
color: var(--primary) !important;
font-size: 1rem !important;
font-weight: 700 !important;
line-height: 1.2 !important;
border-bottom: 1px solid var(--line) !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #client_requests_comments_cont_309_cell .panel-body {
            margin: 0 !important;
padding: 18px !important;
background: #fff !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #client_requests_comments_cont_309_cell .panel-heading {
            display: flex !important;
align-items: center !important;
min-height: 52px !important;
margin: 0 !important;
padding: 14px 18px !important;
background: #f8fafc !important;
color: var(--primary) !important;
font-size: 1rem !important;
font-weight: 700 !important;
line-height: 1.2 !important;
border-bottom: 1px solid var(--line) !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #client_requests_comments_cont_309_cell .panel.card {
            overflow: hidden;
border: 1px solid var(--line) !important;
border-radius: 14px !important;
background: #fff !important;
box-shadow: none !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #client_requests_comments_cont_309_cell .panel.panel-default.card {
            overflow: hidden;
border: 1px solid var(--line) !important;
border-radius: 14px !important;
background: #fff !important;
box-shadow: none !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #client_request_309_additional_information {
            color: var(--text);
line-height: 1.5;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #client_request_309_client_signer_contact_id {
            color: var(--text);
line-height: 1.5;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #client_request_309_comments_cont h4 {
            margin: 0 0 10px;
color: var(--text);
font-size: 1.35rem;
font-weight: 700;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #client_request_309_general_information_cont .row {
            margin-bottom: 16px;
align-items: center;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #content.container-fluid {
            max-width: 1100px;
margin: 2rem auto;
padding: 24px 16px 40px !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #insert-new-comment {
            display: flex !important;
flex-direction: column !important;
gap: 14px !important;
width: 100% !important;
margin: 20px 0 0 !important;
padding: 0 !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #insert-new-comment .nice-comment-cell {
            display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 20px 22px !important;
background: #f8fafc !important;
border: 1px solid #e9edf1 !important;
border-radius: 12px !important;
box-sizing: border-box !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #insert-new-comment .nice-comment-cell .col-md-6 {
            display: flex !important;
align-items: center !important;
gap: 10px !important;
width: 100% !important;
max-width: 100% !important;
flex: none !important;
margin: 0 !important;
padding: 12px 0 0 !important;
border-top: 1px solid #eef1f4 !important;
font-size: .8rem !important;
color: #8a94a3 !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #insert-new-comment .nice-comment-cell .col-md-6 span:first-child {
            font-weight: 700 !important;
color: #142640 !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #insert-new-comment .nice-comment-cell > div:first-child {
            display: block !important;
width: 100% !important;
margin: 0 0 14px !important;
padding: 0 !important;
font-size: .95rem !important;
color: #1f2937 !important;
line-height: 1.6 !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #insert-new-comment .nice-comment-cell [data-field="content"] {
            display: block !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
background: none !important;
min-height: 0 !important;
color: #1f2937 !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #new-comment {
            min-height: 44px;
padding: .75rem 1.1rem;
border-radius: 10px;
font-weight: 400;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #new-comment:hover {
            background: #e63e3e !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #offer_documents_cell {
            align-items: center !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #offer_documents_cell .col-md-10 {
            display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
margin: 0 !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #offer_documents_cell a.row {
            display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
margin: 0 !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #offer_documents_cell span.aligned {
            display: inline !important;
min-height: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: var(--text) !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #offer_documents_cell span[id^="offer_"][id$="_total"] {
            display: inline !important;
min-height: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: var(--text) !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #offer_lots_cell > .col-md-10 {
            flex: 1 1 auto !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
padding: 0 calc(var(--bs-gutter-x) * .5) !important;
border: 0 !important;
background: transparent !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #offer_lots_cell > .col-md-10 > span {
            display: block !important;
width: 100% !important;
min-height: 44px !important;
padding: .75rem .9rem !important;
border: 1px solid var(--line) !important;
border-radius: 10px !important;
background: #f9fafb !important;
color: var(--text) !important;
line-height: 1.45 !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #offer_lots_cell > label {
            flex: 0 0 230px !important;
width: 230px !important;
max-width: 230px !important;
margin-bottom: 0 !important;
padding-right: 12px !important;
white-space: nowrap !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #offer_lots_cell.row {
            display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
margin-bottom: 16px !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #pictures_nested_assoc {
            width: 100%;
overflow: hidden;
border-collapse: collapse;
border: 1px solid var(--line);
border-radius: 12px;
background: #fff;
margin: 8px 0 24px;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #pictures_nested_assoc a {
            color: #FF4F4F !important;
text-decoration: none !important;
font-weight: 500 !important;
word-break: break-word !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #pictures_nested_assoc a.aligned {
            color: var(--accent);
text-decoration: none;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #pictures_nested_assoc a.aligned:hover {
            text-decoration: underline;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #pictures_nested_assoc a:hover {
            text-decoration: underline !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #pictures_nested_assoc img.preview {
            width: 72px;
height: 72px;
object-fit: cover;
border-radius: 10px;
border: 1px solid var(--line);
margin-bottom: 8px;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #pictures_nested_assoc td {
            padding: 14px 16px;
border-bottom: 1px solid var(--line);
text-align: left;
vertical-align: top;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #pictures_nested_assoc th {
            padding: 14px 16px;
border-bottom: 1px solid var(--line);
text-align: left;
vertical-align: top;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #pictures_nested_assoc thead th {
            background: #f8fafc !important;
color: #8a94a3 !important;
font-size: .78rem !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: .04em !important;
padding: 12px 16px !important;
border: none !important;
text-align: left !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #pictures_nested_assoc tr:last-child td {
            border-bottom: 0;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #previous-comments {
            display: flex;
flex-direction: column;
gap: 14px;
margin-top: 20px;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #previous-comments .aligned[data-field="content"] {
            display: inline-block;
max-width: 75%;
padding: 14px 16px;
border-radius: 18px 18px 18px 6px;
background: #fff5f5;
border: 1px solid #ffd6d6;
color: var(--text);
line-height: 1.55;
word-break: break-word;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #previous-comments .col {
            width: 100% !important;
max-width: 100% !important;
flex: none !important;
padding: 0 1rem 0 0 !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #previous-comments .col-md-12 {
            width: 100% !important;
max-width: 100% !important;
flex: none !important;
padding: 0 1rem 0 0 !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #previous-comments .col-md-6 {
            width: 100% !important;
max-width: 100% !important;
flex: none !important;
padding: 0 1rem 0 0 !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #previous-comments .nice-comment-cell {
            padding: 16px 18px;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #previous-comments .nice-comment-cell .col-md-6 {
            display: flex !important;
align-items: center !important;
gap: 10px !important;
width: 100% !important;
max-width: 100% !important;
flex: none !important;
margin: 0 !important;
padding: 12px 0 0 !important;
border-top: 1px solid #eef1f4 !important;
font-size: .8rem !important;
color: #8a94a3 !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #previous-comments .nice-comment-cell .col-md-6 span:first-child {
            font-weight: 700 !important;
color: #142640 !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #previous-comments .nice-comment-cell > div:first-child {
            display: block !important;
width: 100% !important;
margin: 0 0 14px !important;
padding: 0 !important;
font-size: .95rem !important;
color: #1f2937 !important;
line-height: 1.6 !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #previous-comments .nice-comment-cell [data-field="content"] {
            display: block !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
background: none !important;
min-height: 0 !important;
color: #1f2937 !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #previous-comments .row {
            display: block;
margin: 0;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #previous-comments > div {
            padding: 16px 18px;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #size-counter {
            display: inline-block;
margin-bottom: 12px;
color: var(--muted);
font-size: .95rem;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #text-new-comment {
            width: 100%;
min-height: 160px;
margin: 0 0 16px !important;
padding: .85rem .95rem;
border: 1px solid var(--line);
border-radius: 12px;
background: #fff;
color: var(--text);
resize: vertical;
box-shadow: none;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] #text-new-comment:focus {
            outline: none;
border-color: #bfd3ff;
box-shadow: 0 0 0 3px rgba(37,99,235,.12);
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .action_buttons {
            display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 28px;
padding-top: 20px;
border-top: 1px solid var(--line);
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .action_buttons .btn {
            min-height: 44px;
padding: .75rem 1.1rem;
border-radius: 10px;
font-weight: 400;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .action_buttons .btn + .btn {
            margin-left: 0;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .action_buttons .btn-danger {
            color: #fff !important;
background: #dc2626 !important;
border-color: #dc2626 !important;
--bs-btn-color: #fff !important;
--bs-btn-bg: #dc2626 !important;
--bs-btn-border-color: #dc2626 !important;
--bs-btn-hover-color: #fff !important;
--bs-btn-hover-bg: #b91c1c !important;
--bs-btn-hover-border-color: #b91c1c !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .action_buttons .btn-danger:hover {
            background: #fef2f2 !important;
border-color: #dc2626 !important;
color: #dc2626 !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .action_buttons .btn-outline-primary {
            background: #fff !important;
border: 1px solid #d9dfe7 !important;
color: #142640 !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .action_buttons .btn-outline-primary:hover {
            border-color: #FF4F4F !important;
color: #FF4F4F !important;
background: #fff8f8 !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .action_buttons .btn-primary {
            background: #FF4F4F !important;
border-color: #FF4F4F !important;
color: #fff !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .action_buttons .btn-primary:hover {
            background: #e63e3e !important;
border-color: #e63e3e !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .col-form-label > span {
            color: var(--text);
line-height: 1.5;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .col-form-label > span.aligned {
            display: block !important;
width: 100% !important;
min-height: 44px !important;
margin: 0 !important;
padding: 11px 15px !important;
border: 1px solid #e9edf1 !important;
border-radius: 10px !important;
background: #f8fafc !important;
color: #1f2937 !important;
font-size: .95rem !important;
line-height: 1.5 !important;
list-style: none !important;
box-sizing: border-box !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .col-form-label > span.date {
            display: block !important;
width: 100% !important;
min-height: 44px !important;
margin: 0 !important;
padding: 11px 15px !important;
border: 1px solid #e9edf1 !important;
border-radius: 10px !important;
background: #f8fafc !important;
color: #1f2937 !important;
font-size: .95rem !important;
line-height: 1.5 !important;
list-style: none !important;
box-sizing: border-box !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .col-form-label > span[data-field] {
            display: block !important;
width: 100% !important;
min-height: 44px !important;
margin: 0 !important;
padding: 11px 15px !important;
border: 1px solid #e9edf1 !important;
border-radius: 10px !important;
background: #f8fafc !important;
color: #1f2937 !important;
font-size: .95rem !important;
line-height: 1.5 !important;
list-style: none !important;
box-sizing: border-box !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .col-form-label > span[data-field]:empty::before {
            content: "Non renseign\E9" !important;
color: #b8c0ca !important;
font-style: italic !important;
font-size: .9rem !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .content#container {
            background: var(--card);
border: 1px solid var(--line);
border-radius: 16px;
box-shadow: var(--shadow);
padding: 28px;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .date.loaded {
            display: block;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #f9fafb;
color: var(--text);
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .form-check-inline {
            display: inline-flex;
align-items: center;
gap: 6px;
margin: 0 18px 0 0;
padding: 0;
border: 0;
background: transparent;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .form-check-input {
            margin: 0;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .form-check-input:checked {
            background-color: #FF4F4F !important;
border-color: #FF4F4F !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .form-check-label {
            margin: 0;
font-weight: 500;
color: var(--text);
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .nice-comment-cell {
            box-shadow: none;
border: none;
margin: 0;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .nice-comment-cell > :first-child {
            padding: 0em !important;
padding-top: 1em !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .nice-comment-cell > div.col-md-6 {
            float: none !important;
width: 100% !important;
max-width: 100% !important;
display: flex !important;
justify-content: flex-start !important;
align-items: center !important;
gap: 12px;
margin: 0 !important;
padding: 0 !important;
min-height: 44px;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .nice-comment-cell span[data-field="created_at"] {
            display: inline-flex !important;
align-items: center !important;
line-height: 1 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .nice-comment-cell span[data-field="created_by"] {
            display: inline-flex !important;
align-items: center !important;
line-height: 1 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .row.mb-3 {
            display: grid !important;
grid-template-columns: 210px 1fr !important;
align-items: center !important;
gap: 16px !important;
margin: 0 0 18px !important;
padding: 0 !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .row.mb-3 > .col-md-10 {
            display: flex !important;
align-items: center !important;
gap: 22px !important;
padding: 0 !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .row.mb-3 > label {
            width: auto !important;
max-width: none !important;
flex: none !important;
margin: 0 !important;
padding: 0 !important;
color: #6b7280 !important;
font-weight: 600 !important;
font-size: .9rem !important;
line-height: 1.4 !important;
text-align: left !important;
align-self: center !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .row.mb-3 > [class*="col-"] {
            width: auto !important;
max-width: none !important;
flex: none !important;
padding: 0 !important;
margin: 0 !important;
min-width: 0 !important;
align-self: center !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .show_associations {
            color: var(--text);
line-height: 1.5;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .show_associations li {
            margin: 0;
padding: 0;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .tab-content .row.p-2 {
            padding: 0 !important;
margin: 0 !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .tab-content .row:has(#pictures_nested_assoc) {
            display: block !important;
grid-template-columns: none !important;
width: 100% !important;
margin: 0 0 18px !important;
padding: 0 !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .tab-content .row:has(#pictures_nested_assoc) > .col {
            display: block !important;
width: 100% !important;
max-width: 100% !important;
flex: none !important;
padding: 0 !important;
margin: 0 !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] .tabbed-container > .nav-tabs {
            display: none !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] fieldset {
            margin: 0;
padding: 0;
border: 0;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] h2.title {
            margin: 0 0 20px;
font-size: 2rem;
font-weight: 700;
line-height: 1.15;
color: var(--primary);
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] h2.title .action-icon {
            margin-right: 8px;
color: var(--primary);
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] h2.title .fa {
            margin-right: 8px;
color: var(--primary);
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] h2.title i {
            margin-right: 8px;
color: var(--primary);
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] label.col-form-label {
            color: var(--text);
font-weight: 400;
line-height: 1.35;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] label.control-label {
            color: var(--text);
font-weight: 400;
line-height: 1.35;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] span.aligned {
            color: var(--text);
line-height: 1.5;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] ul.show_associations {
            display: block !important;
width: 100% !important;
min-height: 44px !important;
margin: 0 !important;
padding: 11px 15px !important;
border: 1px solid #e9edf1 !important;
border-radius: 10px !important;
background: #f8fafc !important;
color: #1f2937 !important;
font-size: .95rem !important;
line-height: 1.5 !important;
list-style: none !important;
box-sizing: border-box !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] ul.show_associations li {
            margin: 0 !important;
padding: 0 !important;
list-style: none !important;
width: 100% !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] [id^="client_requests_"][id$="_cell"].row {
            margin-bottom: 16px;
align-items: center;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] [id^="client_requests_"][id$="_cell"].row > [class*="col-"] {
            width: auto !important;
max-width: none !important;
flex: none !important;
padding: 0 !important;
margin: 0 !important;
min-width: 0 !important;
align-self: center !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] [id^="client_requests_comments_cont_"][id$="_cell"] .card-body {
            padding: 24px 26px !important;
display: block !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] [id^="client_requests_comments_cont_"][id$="_cell"] .card-body > .row:first-of-type {
            display: block !important;
margin: 0 0 8px !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] [id^="client_requests_comments_cont_"][id$="_cell"] .panel.card {
            border: 1px solid #e9edf1 !important;
border-radius: 16px !important;
box-shadow: none !important;
margin-top: 26px !important;
overflow: hidden !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] [id^="client_requests_comments_cont_"][id$="_cell"] .panel.panel-default.card {
            border: 1px solid #e9edf1 !important;
border-radius: 16px !important;
box-shadow: none !important;
margin-top: 26px !important;
overflow: hidden !important;
         }

    body[data-customer="true"][data-controller="client_requests"][data-action="show"] [id^="client_requests_comments_cont_"][id$="_cell"] h4 {
            font-size: 1.15rem !important;
font-weight: 800 !important;
color: #142640 !important;
margin: 0 0 14px !important;
         }

    body[data-customer="true"][data-controller="contacts"] {
            font-family: "Poppins", sans-serif;
         }

    body[data-customer="true"][data-controller="contacts"] .btn {
            min-height: 44px;
padding: .75rem 1.1rem;
border-radius: 10px;
font-weight: 400;
box-shadow: none !important;
transition: transform .18s ease, box-shadow .18s ease;
transform: scale(1);
         }

    body[data-customer="true"][data-controller="contacts"] .btn-outline-primary {
            color: var(--primary) !important;
background: #fff !important;
border-color: var(--primary) !important;
--bs-btn-color: var(--primary) !important;
--bs-btn-bg: #fff !important;
--bs-btn-border-color: var(--primary) !important;
--bs-btn-hover-color: var(--primary) !important;
--bs-btn-hover-bg: #fff !important;
--bs-btn-hover-border-color: var(--primary) !important;
--bs-btn-active-color: var(--primary) !important;
--bs-btn-active-bg: #fff !important;
--bs-btn-active-border-color: var(--primary) !important;
         }

    body[data-customer="true"][data-controller="contacts"] .btn-primary {
            color: #fff !important;
background: var(--primary) !important;
border-color: var(--primary) !important;
--bs-btn-color: #fff !important;
--bs-btn-bg: var(--primary) !important;
--bs-btn-border-color: var(--primary) !important;
--bs-btn-hover-color: #fff !important;
--bs-btn-hover-bg: var(--primary) !important;
--bs-btn-hover-border-color: var(--primary) !important;
--bs-btn-active-color: #fff !important;
--bs-btn-active-bg: var(--primary) !important;
--bs-btn-active-border-color: var(--primary) !important;
         }

    body[data-customer="true"][data-controller="contacts"] .btn:active {
            transform: scale(0.98);
         }

    body[data-customer="true"][data-controller="contacts"] .btn:focus-visible {
            transform: scale(1.04);
box-shadow: none !important;
         }

    body[data-customer="true"][data-controller="contacts"] .btn:hover {
            transform: scale(1.04);
box-shadow: none !important;
         }

    body[data-customer="true"][data-controller="contacts"].top_bootstrap5 {
            background: var(--bg);
color: var(--text);
         }

    body[data-customer="true"][data-controller="contacts"][data-action="account"] #contact_account {
            max-width: 1050px;
margin-left: auto !important;
margin-right: auto !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="account"] #contact_account > .border {
            max-width: 1050px;
margin-left: auto !important;
margin-right: auto !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="account"] #content > .row.my-3 {
            margin-top: 0 !important;
margin-bottom: 16px !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="account"] #content > .row.my-3 .btn.btn-outline-primary {
            min-height: 42px;
padding: .7rem 1.05rem;
border-radius: 10px;
border: 1px solid #cfd8e3;
background: #fff;
color: var(--text);
font-weight: 500;
box-shadow: none;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="account"] #content > .row.my-3 .btn.btn-outline-primary:hover {
            background: #f8fafc;
border-color: #bfc9d6;
color: var(--text);
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard {
            max-width: 1320px !important;
margin: 0 auto !important;
padding: 8px 40px 0 !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard .tab-content .alert-warning {
            max-width: 460px;
margin: 2.5rem auto !important;
padding: 2rem 1.5rem !important;
border: 1px dashed #D5DEE8 !important;
border-radius: 16px !important;
background: #F7F9FC !important;
color: #6B7A8D !important;
font-size: .95rem !important;
box-shadow: none !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard .tab-content .btn {
            display: inline-flex !important;
align-items: center;
gap: .5rem;
border-radius: 999px !important;
padding: .58rem 1.25rem !important;
font-size: .9rem !important;
font-weight: 600 !important;
transition: transform .18s cubic-bezier(.2,.8,.3,1), background-color .18s ease, border-color .18s ease;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard .tab-content .btn.btn-outline-primary {
            border: 1px solid #DCE3EB !important;
background: #fff !important;
color: #44576B !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard .tab-content .btn.btn-outline-primary:hover {
            border-color: #FFB5B0 !important;
color: #E8443C !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard .tab-content .btn.btn-primary {
            border: 1px solid #FF5A52 !important;
background: #FF5A52 !important;
color: #fff !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard .tab-content .btn.btn-primary:hover {
            background: #E8443C !important;
border-color: #E8443C !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard .tab-content .btn:focus-visible {
            outline: 2px solid #FF5A52;
outline-offset: 3px;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard .tab-content .btn:hover {
            transform: translateY(-2px);
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard .tab-content .card {
            border: 1px solid #E3E9F0 !important;
border-radius: 18px !important;
overflow: hidden !important;
background: #fff !important;
box-shadow: 0 2px 10px rgba(18, 38, 58, .05) !important;
transition: transform .2s cubic-bezier(.2,.8,.3,1), box-shadow .2s ease;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard .tab-content .card .row.g-0 > .col-md-3 {
            align-self: stretch;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard .tab-content .card img.img-fluid {
            display: block;
width: 100% !important;
height: 100% !important;
min-height: 200px;
object-fit: cover !important;
border-radius: 0 !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard .tab-content .card-body {
            padding: 1.4rem 1.6rem !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard .tab-content .card-body p {
            margin: 0 0 .15rem !important;
font-weight: 600 !important;
color: #12263A !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard .tab-content .card-body p + span {
            font-size: .87rem !important;
color: #8798A8 !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard .tab-content .card-title {
            display: flex;
flex-wrap: wrap;
align-items: center;
gap: .6rem;
margin: 0 0 .9rem !important;
font-size: 1.12rem !important;
font-weight: 700 !important;
color: #12263A !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard .tab-content .card:hover {
            transform: translateY(-2px);
box-shadow: 0 18px 34px -20px rgba(18, 38, 58, .38) !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard .text-center.mt-3 {
            margin-bottom: 24px !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard .text-center.mt-3 h2 {
            font-size: 1.6rem !important;
font-weight: 800 !important;
color: #142640 !important;
letter-spacing: -.02em !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard > .nav.nav-tabs {
            display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 10px !important;
border: none !important;
margin-bottom: 28px !important;
padding: 0 !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard > .nav.nav-tabs .badge {
            background: rgba(0,0,0,.08) !important;
color: inherit !important;
border-radius: 999px !important;
padding: .2em .55em !important;
font-size: .72rem !important;
font-weight: 700 !important;
margin-left: 2px !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard > .nav.nav-tabs .nav-link {
            display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
padding: 9px 18px !important;
border: 1px solid #e5e7eb !important;
border-radius: 999px !important;
background: #fff !important;
color: #6b7280 !important;
font-weight: 600 !important;
font-size: .9rem !important;
white-space: nowrap !important;
transition: all .15s ease !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard > .nav.nav-tabs .nav-link.active {
            background: var(--bg);
border-bottom-color: var(--bg);
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard > .nav.nav-tabs .nav-link.active .badge {
            background: rgba(255,255,255,.28) !important;
color: #fff !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard > .nav.nav-tabs .nav-link:focus-visible {
            outline: 2px solid #FF5A52;
outline-offset: 3px;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard > .nav.nav-tabs .nav-link:hover {
            border-color: #FF4F4F !important;
color: #FF4F4F !important;
background: #fff !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard > .nav.nav-tabs .nav-link:not(.active):hover {
            border-color: #FFB5B0 !important;
background: #FFF6F5 !important;
color: #E8443C !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard > .nav.nav-tabs > li {
            margin: 0 !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #open_client_requests_cont .badge.text-bg-secondary {
            background: #eaf7f0 !important;
color: #1a8f5a !important;
border-radius: 999px !important;
padding: .38em .8em !important;
font-size: .72rem !important;
font-weight: 700 !important;
letter-spacing: .02em !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #open_client_requests_cont .btn {
            min-height: 44px !important;
padding: .6rem 1.3rem !important;
border-radius: 11px !important;
font-weight: 600 !important;
font-size: .92rem !important;
box-shadow: none !important;
margin: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #open_client_requests_cont .btn + .btn {
            margin-left: 0 !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #open_client_requests_cont .btn-outline-primary {
            background: #fff !important;
color: #142640 !important;
border: 1px solid #d9dfe7 !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #open_client_requests_cont .btn-outline-primary:hover {
            border-color: #FF4F4F !important;
color: #FF4F4F !important;
background: #fff8f8 !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #open_client_requests_cont .btn-primary {
            background: #FF4F4F !important;
border-color: #FF4F4F !important;
color: #fff !important;
box-shadow: 0 6px 16px rgba(255,79,79,.3) !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #open_client_requests_cont .btn-primary:hover {
            background: #e63e3e !important;
border-color: #e63e3e !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #open_client_requests_cont .card .row.g-0 {
            align-items: stretch !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #open_client_requests_cont .card-body {
            padding: 24px 30px !important;
display: flex !important;
flex-direction: column !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #open_client_requests_cont .card-body .row:last-child .col-12:last-child {
            display: flex !important;
flex-wrap: wrap !important;
gap: 10px !important;
margin-top: 2px !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #open_client_requests_cont .card-body p {
            margin: 0 0 4px !important;
font-size: 1.05rem !important;
font-weight: 700 !important;
color: #1f2937 !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #open_client_requests_cont .card-body span:not(.badge) {
            font-size: .92rem !important;
color: #8a94a3 !important;
font-weight: 500 !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #open_client_requests_cont .card-title {
            display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 10px !important;
font-size: 1.15rem !important;
font-weight: 800 !important;
color: #142640 !important;
margin-bottom: 16px !important;
letter-spacing: -.01em !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #open_client_requests_cont .col-12 > .card {
            border: 1px solid #edf0f3 !important;
border-radius: 18px !important;
box-shadow: 0 6px 28px rgba(20,38,64,.08) !important;
overflow: hidden !important;
background: #fff !important;
transition: box-shadow .2s ease, transform .2s ease !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #open_client_requests_cont .col-12 > .card:hover {
            box-shadow: 0 12px 36px rgba(20,38,64,.13) !important;
transform: translateY(-2px) !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #open_client_requests_cont .img-fluid.rounded {
            width: 100% !important;
height: 100% !important;
min-height: 210px !important;
object-fit: cover !important;
border-radius: 0 !important;
display: block !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #open_client_requests_cont .row.g-4.m-1 {
            margin: 0 !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #open_client_requests_cont a[href*="#insert-new-comment"] {
            display: inline-flex !important;
align-items: center !important;
gap: 9px !important;
align-self: flex-start !important;
margin: 16px 0 18px !important;
padding: 8px 14px !important;
background: #fff3f3 !important;
border-radius: 10px !important;
color: #e63e3e !important;
font-weight: 600 !important;
font-size: .875rem !important;
text-decoration: none !important;
transition: background .15s ease !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #open_client_requests_cont a[href*="#insert-new-comment"] i {
            color: #FF4F4F !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #open_client_requests_cont a[href*="#insert-new-comment"]:hover {
            background: #ffe6e6 !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] .tab-content .alert-warning {
            background: #f7f9fb !important;
border: 1px dashed #d9dfe7 !important;
color: #8a94a3 !important;
border-radius: 14px !important;
font-size: .95rem !important;
font-weight: 500 !important;
padding: 28px 20px !important;
max-width: 520px !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="discussion"] #contact_67_form {
            margin: 0;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="discussion"] #contact_67_form h4 {
            margin: 0 0 10px;
font-size: 1.5rem;
font-weight: 700;
color: var(--text);
         }

    body[data-customer="true"][data-controller="contacts"][data-action="discussion"] #contact_discussion {
            max-width: 1050px;
margin: 0 auto;
background: var(--card);
border: 1px solid var(--line);
border-radius: 16px;
box-shadow: var(--shadow);
padding: 28px;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="discussion"] #contact_discussion .text-center h2 {
            margin: 0 0 24px;
font-size: 2rem;
font-weight: 700;
line-height: 1.15;
color: var(--primary);
         }

    body[data-customer="true"][data-controller="contacts"][data-action="discussion"] #content > .row.my-3 {
            display: none !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="discussion"] #content.container-fluid {
            max-width: 1100px;
margin: 2rem auto;
padding: 24px 16px 40px !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="discussion"] #insert-new-comment {
            background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="discussion"] #insert-new-comment > .nice-comment-cell {
            display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
width: 100% !important;
margin: 0 !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="discussion"] #insert-new-comment > .nice-comment-cell + .nice-comment-cell {
            margin-top: 16px !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="discussion"] #new-comment {
            min-height: 44px;
padding: .75rem 1.1rem;
border-radius: 10px;
font-weight: 400;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="discussion"] #previous-comments {
            display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
gap: 16px !important;
margin-top: 24px !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="discussion"] #previous-comments .col {
            width: auto !important;
max-width: none !important;
flex: none !important;
padding: 0 !important;
margin: 0 !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="discussion"] #previous-comments .col-md-12 {
            width: auto !important;
max-width: none !important;
flex: none !important;
padding: 0 !important;
margin: 0 !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="discussion"] #previous-comments .col-md-6 {
            width: auto !important;
max-width: none !important;
flex: none !important;
padding: 0 !important;
margin: 0 !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="discussion"] #previous-comments .row {
            width: auto !important;
max-width: none !important;
flex: none !important;
padding: 0 !important;
margin: 0 !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="discussion"] #previous-comments.row {
            display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
gap: 16px !important;
margin-right: 0 !important;
margin-left: 0 !important;
margin-top: 24px !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="discussion"] #previous-comments.row .col-md-12.nice-comment-cell {
            width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="discussion"] #previous-comments.row > #insert-new-comment {
            width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
gap: 16px !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="discussion"] #size-counter {
            display: block;
margin-bottom: 14px;
color: var(--muted);
font-size: .95rem;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="discussion"] #text-new-comment {
            width: 100% !important;
min-height: 160px;
margin: 0 0 16px !important;
padding: 16px 18px !important;
border: 1px solid var(--line);
border-radius: 16px;
background: #fff;
color: var(--text);
resize: vertical;
box-shadow: none;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="discussion"] #text-new-comment:focus {
            outline: none;
border-color: #bfd3ff;
box-shadow: 0 0 0 3px rgba(37,99,235,.12);
         }

    body[data-customer="true"][data-controller="contacts"][data-action="discussion"] .nice-comment-cell {
            background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="discussion"] .nice-comment-cell .aligned[data-field="content"] {
            display: inline-block !important;
width: fit-content;
min-width: 120px;
max-width: 72%;
margin: 0 0 8px !important;
padding: 14px 16px !important;
border-radius: 18px 18px 18px 6px;
background: #fff5f5 !important;
border: 1px solid #ffd6d6 !important;
box-shadow: 0 4px 14px rgba(0,0,0,.04);
color: var(--text) !important;
line-height: 1.55;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="discussion"] .nice-comment-cell > :first-child {
            padding: 0em !important;
padding-top: 0em !important;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="discussion"] .nice-comment-cell > div.col-md-6 {
            float: none !important;
width: auto !important;
max-width: 72%;
margin: 0 !important;
padding: 0 4px !important;
display: flex !important;
justify-content: flex-end !important;
align-items: center !important;
gap: 10px;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="discussion"] .nice-comment-cell > div.col-md-6 span:last-child {
            display: inline !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: var(--muted) !important;
font-size: .88rem;
line-height: 1.4;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="discussion"] .nice-comment-cell > div:first-child {
            width: 100%;
         }

    body[data-customer="true"][data-controller="contacts"][data-action="discussion"] .nice-comment-cell span[data-field="created_by"] {
            display: inline !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: var(--primary) !important;
font-weight: 600;
font-size: .92rem;
line-height: 1.4;
         }

    body[data-customer="true"][data-controller="counterparties"] {
            font-family: "Poppins", sans-serif;
         }

    body[data-customer="true"][data-controller="counterparties"] .btn {
            min-height: 44px;
padding: .75rem 1.1rem;
border-radius: 10px;
font-weight: 400;
box-shadow: none !important;
transition: transform .18s ease, box-shadow .18s ease;
transform: scale(1);
         }

    body[data-customer="true"][data-controller="counterparties"] .btn-outline-primary {
            color: var(--primary) !important;
background: #fff !important;
border-color: var(--primary) !important;
--bs-btn-color: var(--primary) !important;
--bs-btn-bg: #fff !important;
--bs-btn-border-color: var(--primary) !important;
--bs-btn-hover-color: var(--primary) !important;
--bs-btn-hover-bg: #fff !important;
--bs-btn-hover-border-color: var(--primary) !important;
--bs-btn-active-color: var(--primary) !important;
--bs-btn-active-bg: #fff !important;
--bs-btn-active-border-color: var(--primary) !important;
         }

    body[data-customer="true"][data-controller="counterparties"] .btn-primary {
            color: #fff !important;
background: var(--primary) !important;
border-color: var(--primary) !important;
--bs-btn-color: #fff !important;
--bs-btn-bg: var(--primary) !important;
--bs-btn-border-color: var(--primary) !important;
--bs-btn-hover-color: #fff !important;
--bs-btn-hover-bg: var(--primary) !important;
--bs-btn-hover-border-color: var(--primary) !important;
--bs-btn-active-color: #fff !important;
--bs-btn-active-bg: var(--primary) !important;
--bs-btn-active-border-color: var(--primary) !important;
         }

    body[data-customer="true"][data-controller="counterparties"] .btn:active {
            transform: scale(0.98);
         }

    body[data-customer="true"][data-controller="counterparties"] .btn:focus-visible {
            transform: scale(1.04);
box-shadow: none !important;
         }

    body[data-customer="true"][data-controller="counterparties"] .btn:hover {
            transform: scale(1.04);
box-shadow: none !important;
         }

    body[data-customer="true"][data-controller="counterparties"].top_bootstrap5 {
            background: var(--bg);
color: var(--text);
         }

    body[data-customer="true"][data-controller="counterparties"][data-action="counterparty_edit"] #content.container-fluid {
            max-width: 1100px;
margin: 2rem auto;
padding: 24px 16px 40px !important;
background: var(--card);
border: 1px solid var(--line);
border-radius: 16px;
box-shadow: var(--shadow);
         }

    body[data-customer="true"][data-controller="counterparties"][data-action="counterparty_edit"] #counterparty_0_form {
            background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
padding: 0;
         }

    body[data-customer="true"][data-controller="counterparties"][data-action="counterparty_edit"] #counterparty_edit .row.align-items-center.border.p-1 {
            border-radius: 12px;
overflow: hidden;
         }

    body[data-customer="true"][data-controller="counterparties"][data-action="counterparty_edit"] #counterparty_edit .row.align-items-center.border.p-1 .col-6.col-md-3 {
            min-width: 0;
overflow-wrap: anywhere;
word-break: break-word;
white-space: normal;
         }

    body[data-customer="true"][data-controller="counterparties"][data-action="counterparty_edit"] #counterparty_edit > .border {
            border: 0 !important;
box-shadow: none !important;
background: transparent !important;
         }

    body[data-customer="true"][data-controller="counterparties"][data-action="counterparty_edit"] #counterparty_edit > .border + .border {
            margin-top: 32px !important;
padding-top: 28px !important;
border-top: 1px solid var(--line) !important;
         }

    body[data-customer="true"][data-controller="counterparties"][data-action="counterparty_edit"] h2.title {
            margin: 0 0 24px;
font-size: 2rem;
font-weight: 700;
color: var(--primary);
         }

    body[data-customer="true"][data-controller="information_requests"] #errorExplanation {
            background: #fff7f7 !important;
border: 1px solid #fecaca !important;
border-radius: 12px !important;
padding: 16px 20px !important;
margin-bottom: 20px !important;
color: #7f1d1d !important;
         }

    body[data-customer="true"][data-controller="information_requests"] #errorExplanation h4 {
            color: #b91c1c !important;
font-weight: 700 !important;
margin-bottom: 8px !important;
         }

    body[data-customer="true"][data-controller="information_requests"] #errorExplanation li {
            color: #7f1d1d !important;
         }

    body[data-customer="true"][data-controller="information_requests"] #errorExplanation li::marker {
            color: #ef4444 !important;
         }

    body[data-customer="true"][data-controller="information_requests"] #errorExplanation p {
            color: #7f1d1d !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="create"] #content.container-fluid {
            max-width: 1100px !important;
margin: 2rem auto !important;
padding: 24px 16px 40px !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="create"] #information_requests_please_fill_in_the_information_below_0 {
            font-size: 1.1rem !important;
font-weight: 700 !important;
color: var(--primary) !important;
margin-bottom: 28px !important;
padding-bottom: 14px !important;
border-bottom: 2px solid var(--line) !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="create"] #information_request_0_accept_terms_and_conditions.error {
            border-color: #dc2626 !important;
border-width: 2px !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="create"] #information_request_0_accept_terms_and_conditions__validationErrors {
            float: none !important;
clear: both !important;
display: block !important;
width: 100% !important;
color: #dc2626 !important;
font-size: 0.85rem !important;
list-style: none !important;
padding: 4px 0 8px 0 !important;
margin: 0 !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="create"] #information_request_0_accept_terms_and_conditions__validationErrors li {
            color: #dc2626 !important;
list-style: none !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="create"] #information_request_0_accept_terms_and_conditions__validationErrors li::before {
            content: "\26A0  " !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="create"] #information_request_0_form input[type="text"] {
            min-height: 48px !important;
border: 1px solid var(--line) !important;
border-radius: 10px !important;
padding: .75rem .9rem !important;
background: #fff !important;
color: var(--text) !important;
box-shadow: none !important;
width: 100% !important;
max-width: 300px !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="create"] #information_request_0_sites {
            max-height: 150px !important;
min-height: 48px !important;
border-radius: 10px !important;
border: 1px solid var(--line) !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="create"] #new_finalize_form_submit {
            min-height: 50px !important;
padding: .75rem 2.5rem !important;
border-radius: 12px !important;
font-weight: 600 !important;
font-size: 1rem !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="create"] .action_buttons {
            display: flex !important;
margin-top: 32px !important;
padding-top: 24px !important;
border-top: 1px solid var(--line) !important;
clear: both !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="create"] .col-form-label.d-flex {
            font-size: 0.95rem !important;
color: var(--text) !important;
padding: 0 !important;
line-height: 1.4 !important;
gap: 4px !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="create"] .col-md-10 {
            flex: 1 1 auto !important;
max-width: 100% !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="create"] .col-md-4 .input-group {
            display: flex !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
max-width: 300px !important;
width: 300px !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="create"] .col-md-4 .input-group input[type="text"] {
            border-radius: 10px 0 0 10px !important;
border-right: 0 !important;
max-width: none !important;
flex: 1 !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="create"] .content#container {
            background: var(--card) !important;
border: 1px solid var(--line) !important;
border-radius: 16px !important;
box-shadow: var(--shadow) !important;
padding: 40px !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="create"] .input-group .input-group-text {
            border-radius: 0 10px 10px 0 !important;
background: #f9fafb !important;
border: 1px solid var(--line) !important;
border-left: 0 !important;
color: var(--muted) !important;
font-weight: 600 !important;
white-space: nowrap !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="create"] .input-group.col-md-1 {
            float: left !important;
clear: left !important;
width: 28px !important;
max-width: 28px !important;
min-width: 28px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
margin: 12px 10px 0 0 !important;
border: none !important;
background: none !important;
overflow: visible !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="create"] .input-group.col-md-1 .form-check-input {
            position: static !important;
float: none !important;
margin: 0 !important;
width: 18px !important;
height: 18px !important;
border-radius: 5px !important;
border: 1.5px solid #cbd5e1 !important;
cursor: pointer !important;
flex-shrink: 0 !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="create"] .panel-body.card-body {
            padding: 0 !important;
background: transparent !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="create"] .panel-heading.card-header {
            display: none !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="create"] .panel.card {
            border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="create"] .row.col-11 {
            float: left !important;
width: calc(100% - 38px) !important;
display: flex !important;
align-items: center !important;
padding: 0 !important;
margin: 12px 0 0 0 !important;
overflow: visible !important;
min-width: 0 !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="create"] .row.col-11.required .col-form-label {
            color: #dc2626 !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="create"] .row.col-11::after {
            content: "" !important;
display: table !important;
clear: both !important;
width: 100% !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="create"] .row.mb-3 {
            display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
margin-bottom: 18px !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="create"] .row.required {
            display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
margin-bottom: 18px !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="create"] fieldset {
            margin: 0 !important;
padding: 0 !important;
border: 0 !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="create"] label.col-form-label {
            flex: 0 0 200px !important;
width: 200px !important;
max-width: 200px !important;
min-width: 200px !important;
font-weight: 500 !important;
color: var(--text) !important;
font-size: 0.95rem !important;
white-space: nowrap !important;
padding-right: 16px !important;
margin: 0 !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="create"] label.control-label {
            flex: 0 0 200px !important;
width: 200px !important;
max-width: 200px !important;
min-width: 200px !important;
font-weight: 500 !important;
color: var(--text) !important;
font-size: 0.95rem !important;
white-space: nowrap !important;
padding-right: 16px !important;
margin: 0 !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="new"] #content.container-fluid {
            max-width: 1100px !important;
margin: 2rem auto !important;
padding: 24px 16px 40px !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="new"] #information_requests_please_fill_in_the_information_below_0 {
            font-size: 1.1rem !important;
font-weight: 700 !important;
color: var(--primary) !important;
margin-bottom: 28px !important;
padding-bottom: 14px !important;
border-bottom: 2px solid var(--line) !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="new"] #information_request_0_form input:focus {
            outline: none !important;
border-color: #bfd3ff !important;
box-shadow: 0 0 0 3px rgba(37,99,235,.12) !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="new"] #information_request_0_form input[type="text"] {
            min-height: 48px !important;
border: 1px solid var(--line) !important;
border-radius: 10px !important;
padding: .75rem .9rem !important;
background: #fff !important;
color: var(--text) !important;
box-shadow: none !important;
width: 100% !important;
max-width: 300px !important;
transition: border-color .15s ease, box-shadow .15s ease !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="new"] #new_finalize_form_submit {
            min-height: 50px !important;
padding: .75rem 2.5rem !important;
border-radius: 12px !important;
font-weight: 600 !important;
font-size: 1rem !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="new"] .action_buttons {
            display: flex !important;
margin-top: 32px !important;
padding-top: 24px !important;
border-top: 1px solid var(--line) !important;
clear: both !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="new"] .col-form-label.d-flex {
            font-size: 0.95rem !important;
color: var(--text) !important;
padding: 0 !important;
line-height: 1.4 !important;
gap: 4px !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="new"] .col-md-10 {
            flex: 1 1 auto !important;
max-width: 100% !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="new"] .col-md-4 .input-group {
            display: flex !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
max-width: 300px !important;
width: 300px !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="new"] .col-md-4 .input-group input[type="text"] {
            border-radius: 10px 0 0 10px !important;
border-right: 0 !important;
max-width: none !important;
flex: 1 !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="new"] .content#container {
            background: var(--card) !important;
border: 1px solid var(--line) !important;
border-radius: 16px !important;
box-shadow: var(--shadow) !important;
padding: 40px !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="new"] .input-group .input-group-text {
            border-radius: 0 10px 10px 0 !important;
background: #f9fafb !important;
border: 1px solid var(--line) !important;
border-left: 0 !important;
color: var(--muted) !important;
font-weight: 600 !important;
white-space: nowrap !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="new"] .input-group.col-md-1 {
            float: left !important;
clear: left !important;
width: 28px !important;
max-width: 28px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
margin: 12px 10px 0 0 !important;
border: none !important;
background: none !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="new"] .input-group.col-md-1 .form-check-input {
            position: static !important;
float: none !important;
margin: 0 !important;
width: 18px !important;
height: 18px !important;
border-radius: 5px !important;
border: 1.5px solid #cbd5e1 !important;
cursor: pointer !important;
flex-shrink: 0 !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="new"] .panel-body.card-body {
            padding: 0 !important;
background: transparent !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="new"] .panel-heading.card-header {
            display: none !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="new"] .panel.card {
            border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="new"] .row.col-11 {
            float: left !important;
width: calc(100% - 38px) !important;
display: flex !important;
align-items: center !important;
padding: 0 !important;
margin: 12px 0 0 0 !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="new"] .row.col-11::after {
            content: "" !important;
display: table !important;
clear: both !important;
width: 100% !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="new"] .row.mb-3 {
            display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
margin-bottom: 18px !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="new"] .row.required {
            display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
margin-bottom: 18px !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="new"] fieldset {
            margin: 0 !important;
padding: 0 !important;
border: 0 !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="new"] label.col-form-label {
            flex: 0 0 200px !important;
width: 200px !important;
max-width: 200px !important;
min-width: 200px !important;
font-weight: 500 !important;
color: var(--text) !important;
font-size: 0.95rem !important;
white-space: nowrap !important;
padding-right: 16px !important;
margin: 0 !important;
         }

    body[data-customer="true"][data-controller="information_requests"][data-action="new"] label.control-label {
            flex: 0 0 200px !important;
width: 200px !important;
max-width: 200px !important;
min-width: 200px !important;
font-weight: 500 !important;
color: var(--text) !important;
font-size: 0.95rem !important;
white-space: nowrap !important;
padding-right: 16px !important;
margin: 0 !important;
         }

    body[data-customer="true"][data-controller="prospects"] #errorExplanation {
            background: #fff7f7 !important;
border: 1px solid #fecaca !important;
border-radius: 12px !important;
padding: 16px 20px !important;
margin-bottom: 20px !important;
color: #7f1d1d !important;
         }

    body[data-customer="true"][data-controller="prospects"] #errorExplanation h4 {
            color: #b91c1c !important;
font-weight: 700 !important;
margin-bottom: 8px !important;
         }

    body[data-customer="true"][data-controller="prospects"] #errorExplanation li {
            color: #7f1d1d !important;
         }

    body[data-customer="true"][data-controller="prospects"] #errorExplanation li::marker {
            color: #ef4444 !important;
         }

    body[data-customer="true"][data-controller="prospects"] #errorExplanation p {
            color: #7f1d1d !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="create"] #add_pictures {
            display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 44px !important;
height: 44px !important;
border: 1.5px dashed #cbd5e1 !important;
border-radius: 10px !important;
background: #fff !important;
color: var(--accent) !important;
text-decoration: none !important;
margin: 8px 0 20px 0 !important;
font-size: 1rem !important;
line-height: 1 !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="create"] #add_pictures i {
            margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
display: block !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="create"] #content.container-fluid {
            max-width: 1100px !important;
margin: 2rem auto !important;
padding: 24px 16px 40px !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="create"] #new_next_form_submit {
            min-height: 50px !important;
padding: .75rem 2.5rem !important;
border-radius: 12px !important;
font-weight: 600 !important;
font-size: 1rem !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="create"] #prospects_please_fill_in_the_information_below_0 {
            font-size: 1.1rem !important;
font-weight: 700 !important;
color: var(--primary) !important;
margin-bottom: 28px !important;
padding-bottom: 14px !important;
border-bottom: 2px solid var(--line) !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="create"] #prospect_0_form input[type="text"] {
            min-height: 48px !important;
border: 1px solid var(--line) !important;
border-radius: 10px !important;
padding: .75rem .9rem !important;
background: #fff !important;
color: var(--text) !important;
box-shadow: none !important;
width: 100% !important;
max-width: 480px !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="create"] #prospect_0_form select {
            min-height: 48px !important;
border: 1px solid var(--line) !important;
border-radius: 10px !important;
padding: .75rem .9rem !important;
background: #fff !important;
color: var(--text) !important;
box-shadow: none !important;
width: 100% !important;
max-width: 480px !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="create"] #prospect_0_form textarea {
            min-height: 160px !important;
border: 1px solid var(--line) !important;
border-radius: 10px !important;
padding: .75rem .9rem !important;
background: #fff !important;
color: var(--text) !important;
box-shadow: none !important;
width: 100% !important;
resize: vertical !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="create"] #prospect_0_pictures_nested_assoc {
            width: 100% !important;
border-collapse: collapse !important;
border: 1px solid var(--line) !important;
border-radius: 12px !important;
overflow: hidden !important;
background: #fff !important;
margin-bottom: 12px !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="create"] #prospect_0_pictures_nested_assoc td {
            padding: 12px 16px !important;
border-bottom: 1px solid var(--line) !important;
vertical-align: middle !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="create"] #prospect_0_pictures_nested_assoc th {
            background: #f9fafb !important;
color: var(--muted) !important;
padding: 12px 16px !important;
border-bottom: 1px solid var(--line) !important;
font-weight: 600 !important;
font-size: 0.88rem !important;
text-transform: uppercase !important;
letter-spacing: 0.04em !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="create"] .action_buttons {
            display: flex !important;
margin-top: 32px !important;
padding-top: 24px !important;
border-top: 1px solid var(--line) !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="create"] .content#container {
            background: var(--card) !important;
border: 1px solid var(--line) !important;
border-radius: 16px !important;
box-shadow: var(--shadow) !important;
padding: 40px !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="create"] .form-label.fw-bold {
            display: block !important;
margin: 32px 0 16px !important;
padding: 20px 0 14px !important;
border-top: 1px solid var(--line) !important;
color: var(--text) !important;
font-size: 0.92rem !important;
font-weight: 700 !important;
line-height: 1.6 !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="create"] .panel-body.card-body {
            padding: 0 !important;
background: transparent !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="create"] .panel-heading.card-header {
            display: none !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="create"] .panel.card {
            border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="create"] .row > .col {
            padding-left: 0 !important;
margin-left: 0 !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="create"] .row.mb-3 {
            display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
margin-bottom: 18px !important;
gap: 0 !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="create"] .row.required {
            display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
margin-bottom: 18px !important;
gap: 0 !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="create"] fieldset {
            margin: 0 !important;
padding: 0 !important;
border: 0 !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="create"] label.col-form-label {
            flex: 0 0 200px !important;
width: 200px !important;
max-width: 200px !important;
min-width: 200px !important;
font-weight: 500 !important;
color: var(--text) !important;
font-size: 0.95rem !important;
white-space: nowrap !important;
padding-right: 16px !important;
margin: 0 !important;
line-height: 1.4 !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="create"] label.control-label {
            flex: 0 0 200px !important;
width: 200px !important;
max-width: 200px !important;
min-width: 200px !important;
font-weight: 500 !important;
color: var(--text) !important;
font-size: 0.95rem !important;
white-space: nowrap !important;
padding-right: 16px !important;
margin: 0 !important;
line-height: 1.4 !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="new"] #add_pictures {
            display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 44px !important;
height: 44px !important;
border: 1.5px dashed #cbd5e1 !important;
border-radius: 10px !important;
background: #fff !important;
color: var(--accent) !important;
text-decoration: none !important;
margin: 8px 0 20px 0 !important;
font-size: 1rem !important;
line-height: 1 !important;
transition: border-color .15s, background .15s !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="new"] #add_pictures i {
            margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
display: block !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="new"] #add_pictures:hover {
            border-color: var(--primary) !important;
background: #fff5f5 !important;
color: var(--primary) !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="new"] #content.container-fluid {
            max-width: 1100px !important;
margin: 2rem auto !important;
padding: 24px 16px 40px !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="new"] #new_next_form_submit {
            min-height: 50px !important;
padding: .75rem 2.5rem !important;
border-radius: 12px !important;
font-weight: 600 !important;
font-size: 1rem !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="new"] #prospects_please_fill_in_the_information_below_0 {
            font-size: 1.1rem !important;
font-weight: 700 !important;
color: var(--primary) !important;
margin-bottom: 28px !important;
padding-bottom: 14px !important;
border-bottom: 2px solid var(--line) !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="new"] #prospect_0_form input:focus {
            outline: none !important;
border-color: #bfd3ff !important;
box-shadow: 0 0 0 3px rgba(37,99,235,.12) !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="new"] #prospect_0_form input[type="text"] {
            min-height: 48px !important;
border: 1px solid var(--line) !important;
border-radius: 10px !important;
padding: .75rem .9rem !important;
background: #fff !important;
color: var(--text) !important;
box-shadow: none !important;
width: 100% !important;
max-width: 480px !important;
transition: border-color .15s ease, box-shadow .15s ease !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="new"] #prospect_0_form select {
            min-height: 48px !important;
border: 1px solid var(--line) !important;
border-radius: 10px !important;
padding: .75rem .9rem !important;
background: #fff !important;
color: var(--text) !important;
box-shadow: none !important;
width: 100% !important;
max-width: 480px !important;
transition: border-color .15s ease, box-shadow .15s ease !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="new"] #prospect_0_form select:focus {
            outline: none !important;
border-color: #bfd3ff !important;
box-shadow: 0 0 0 3px rgba(37,99,235,.12) !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="new"] #prospect_0_form textarea {
            min-height: 160px !important;
border: 1px solid var(--line) !important;
border-radius: 10px !important;
padding: .75rem .9rem !important;
background: #fff !important;
color: var(--text) !important;
box-shadow: none !important;
width: 100% !important;
resize: vertical !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="new"] #prospect_0_form textarea:focus {
            outline: none !important;
border-color: #bfd3ff !important;
box-shadow: 0 0 0 3px rgba(37,99,235,.12) !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="new"] #prospect_0_pictures_nested_assoc {
            width: 100% !important;
border-collapse: collapse !important;
border: 1px solid var(--line) !important;
border-radius: 12px !important;
overflow: hidden !important;
background: #fff !important;
margin-bottom: 12px !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="new"] #prospect_0_pictures_nested_assoc td {
            padding: 12px 16px !important;
border-bottom: 1px solid var(--line) !important;
vertical-align: middle !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="new"] #prospect_0_pictures_nested_assoc th {
            background: #f9fafb !important;
color: var(--muted) !important;
padding: 12px 16px !important;
border-bottom: 1px solid var(--line) !important;
font-weight: 600 !important;
font-size: 0.88rem !important;
text-transform: uppercase !important;
letter-spacing: 0.04em !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="new"] .action_buttons {
            display: flex !important;
margin-top: 32px !important;
padding-top: 24px !important;
border-top: 1px solid var(--line) !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="new"] .content#container {
            background: var(--card) !important;
border: 1px solid var(--line) !important;
border-radius: 16px !important;
box-shadow: var(--shadow) !important;
padding: 40px !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="new"] .form-label.fw-bold {
            display: block !important;
margin: 32px 0 16px !important;
padding: 20px 0 14px !important;
border-top: 1px solid var(--line) !important;
color: var(--text) !important;
font-size: 0.92rem !important;
font-weight: 700 !important;
line-height: 1.6 !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="new"] .panel-body.card-body {
            padding: 0 !important;
background: transparent !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="new"] .panel-heading.card-header {
            display: none !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="new"] .panel.card {
            border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="new"] .row > .col {
            padding-left: 0 !important;
margin-left: 0 !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="new"] .row.mb-3 {
            display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
margin-bottom: 18px !important;
gap: 0 !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="new"] .row.required {
            display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
margin-bottom: 18px !important;
gap: 0 !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="new"] fieldset {
            margin: 0 !important;
padding: 0 !important;
border: 0 !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="new"] label.col-form-label {
            flex: 0 0 200px !important;
width: 200px !important;
max-width: 200px !important;
min-width: 200px !important;
font-weight: 500 !important;
color: var(--text) !important;
font-size: 0.95rem !important;
white-space: nowrap !important;
padding-right: 16px !important;
margin: 0 !important;
line-height: 1.4 !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="new"] label.control-label {
            flex: 0 0 200px !important;
width: 200px !important;
max-width: 200px !important;
min-width: 200px !important;
font-weight: 500 !important;
color: var(--text) !important;
font-size: 0.95rem !important;
white-space: nowrap !important;
padding-right: 16px !important;
margin: 0 !important;
line-height: 1.4 !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="start"] {
            display: flex !important;
flex-direction: column !important;
min-height: 100vh !important;
background: #f8f9fa !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="start"] #content.container-fluid {
            min-height: calc(100vh - 200px) !important;
max-width: 600px !important;
margin: 0 auto !important;
padding: 20px 24px 40px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: center !important;
text-align: center !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="start"] #email {
            height: 52px !important;
border-radius: 12px !important;
border: 1px solid var(--line) !important;
font-size: 1rem !important;
width: 100% !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="start"] #next {
            height: 52px !important;
padding: 0 28px !important;
border-radius: 12px !important;
white-space: nowrap !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="start"] #prospect_0_form {
            width: 100% !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="start"] #prospect_0_form .col-md-2 {
            flex: 0 0 auto !important;
padding: 0 !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="start"] #prospect_0_form .col-md-4 {
            flex: 1 1 auto !important;
max-width: 380px !important;
padding: 0 !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="start"] #prospect_0_form .row {
            margin-top: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 12px !important;
flex-wrap: nowrap !important;
width: 100% !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="start"] #prospect_0_form label {
            display: none !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="start"] .offset-md-2 {
            margin-left: 0 !important;
margin-bottom: 32px !important;
width: 100% !important;
text-align: center !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="start"] .offset-md-2 h4 {
            font-size: 2rem !important;
font-weight: 700 !important;
color: var(--text) !important;
margin-bottom: 12px !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="start"] .offset-md-2 p {
            font-size: 1.1rem !important;
color: var(--muted) !important;
margin: 0 !important;
         }

    body[data-customer="true"][data-controller="prospects"][data-action="start"] footer.sp-footer {
            margin-top: auto !important;
         }

    body[data-customer="true"][data-controller="sites"] {
            font-family: "Poppins", sans-serif;
         }

    body[data-customer="true"][data-controller="sites"] .btn {
            min-height: 44px;
padding: .75rem 1.1rem;
border-radius: 10px;
font-weight: 400;
box-shadow: none !important;
transition: transform .18s ease, box-shadow .18s ease;
transform: scale(1);
         }

    body[data-customer="true"][data-controller="sites"] .btn-outline-primary {
            color: var(--primary) !important;
background: #fff !important;
border-color: var(--primary) !important;
--bs-btn-color: var(--primary) !important;
--bs-btn-bg: #fff !important;
--bs-btn-border-color: var(--primary) !important;
--bs-btn-hover-color: var(--primary) !important;
--bs-btn-hover-bg: #fff !important;
--bs-btn-hover-border-color: var(--primary) !important;
--bs-btn-active-color: var(--primary) !important;
--bs-btn-active-bg: #fff !important;
--bs-btn-active-border-color: var(--primary) !important;
         }

    body[data-customer="true"][data-controller="sites"] .btn-primary {
            color: #fff !important;
background: var(--primary) !important;
border-color: var(--primary) !important;
--bs-btn-color: #fff !important;
--bs-btn-bg: var(--primary) !important;
--bs-btn-border-color: var(--primary) !important;
--bs-btn-hover-color: #fff !important;
--bs-btn-hover-bg: var(--primary) !important;
--bs-btn-hover-border-color: var(--primary) !important;
--bs-btn-active-color: #fff !important;
--bs-btn-active-bg: var(--primary) !important;
--bs-btn-active-border-color: var(--primary) !important;
         }

    body[data-customer="true"][data-controller="sites"] .btn:active {
            transform: scale(0.98);
         }

    body[data-customer="true"][data-controller="sites"] .btn:focus-visible {
            transform: scale(1.04);
box-shadow: none !important;
         }

    body[data-customer="true"][data-controller="sites"] .btn:hover {
            transform: scale(1.04);
box-shadow: none !important;
         }

    body[data-customer="true"][data-controller="sites"].top_bootstrap5 {
            background: var(--bg);
color: var(--text);
         }

    body[data-customer="true"][data-controller="sites"][data-action="all"] #searchtextbox {
            width: 100%;
height: 56px;
padding: 0 18px;
border: 2px solid rgba(24,47,57,0.18);
border-radius: 14px;
background: #fff;
color: #182F39;
font-size: 16px;
box-shadow: none;
         }

    body[data-customer="true"][data-controller="sites"][data-action="all"] #searchtextbox::placeholder {
            color: rgba(24,47,57,0.45);
         }

    body[data-customer="true"][data-controller="sites"][data-action="all"] #searchtextbox:focus {
            outline: none;
border-color: var(--primary);
box-shadow: 0 0 0 4px rgba(255,79,79,0.14);
         }

    body[data-customer="true"][data-controller="sites"][data-action="all"] #search_sites {
            height: 56px;
border-radius: 14px;
background: var(--primary) !important;
border-color: var(--primary) !important;
color: #fff !important;
font-weight: 500;
         }

    body[data-customer="true"][data-controller="sites"][data-action="all"] #site_0_form .col-4 {
            flex: 0 0 360px !important;
width: 360px !important;
max-width: 360px !important;
padding: 0 !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="all"] #site_0_form .col-8 {
            flex: 1 1 auto !important;
width: auto !important;
max-width: none !important;
padding: 0 !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="all"] #site_0_form .row {
            display: flex !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
gap: 16px !important;
margin: 0 !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="all"] .cards-header p {
            color: rgba(0, 0, 0, 0.55);
font-size: 20px;
font-weight: 500;
line-height: 145%;
letter-spacing: -0.1px;
margin-top: 15px;
         }

    body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client {
            padding: 40px;
         }

    body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card {
            overflow: hidden !important;
border: 1px solid var(--line) !important;
border-radius: 18px !important;
background: #fff !important;
box-shadow: 0 8px 24px rgba(0,0,0,0.06) !important;
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
         }

    body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card .btn {
            min-height: 50px !important;
border-radius: 14px !important;
font-weight: 500 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
white-space: normal !important;
text-align: center !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card .btn-outline-primary {
            min-height: 50px !important;
border-radius: 14px !important;
font-weight: 500 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
white-space: normal !important;
text-align: center !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card .btn-primary {
            min-height: 50px !important;
border-radius: 14px !important;
font-weight: 500 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
white-space: normal !important;
text-align: center !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card .col-md-2.d-flex {
            padding: 20px 16px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: stretch !important;
gap: 10px !important;
border-left: 1px solid var(--line) !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card .col-md-8 {
            padding: 24px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card .col-md-8 p {
            display: flex !important;
align-items: center !important;
gap: 6px !important;
margin-bottom: 6px !important;
font-size: 0.95rem !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card .col-md-8 p:first-of-type .fw-bold::before {
            font-family: "Font Awesome 6 Free" !important;
font-weight: 900 !important;
content: "\f54e" !important;
margin-right: 6px !important;
color: var(--primary) !important;
font-size: 0.85rem !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card .col-md-8 p:last-of-type .fw-bold::before {
            font-family: "Font Awesome 6 Free" !important;
font-weight: 900 !important;
content: "\f546" !important;
margin-right: 6px !important;
color: var(--primary) !important;
font-size: 0.85rem !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card .list-group {
            width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card .list-group-flush {
            width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card .list-group-item {
            width: 100% !important;
margin: 0 0 10px !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card .list-group-item:last-child {
            margin-bottom: 0 !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card img.img-fluid {
            width: 100% !important;
height: 100% !important;
min-height: 180px !important;
object-fit: cover !important;
border-radius: 0 !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card p {
            margin: 0 0 8px !important;
color: rgba(24,47,57,0.78) !important;
font-size: 16px !important;
line-height: 145% !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card-title {
            margin: 0 0 14px !important;
color: #182F39 !important;
font-size: 24px !important;
font-weight: 700 !important;
line-height: 120% !important;
letter-spacing: -0.35px !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card:hover {
            transform: translateY(-2px);
border-color: rgba(255,79,79,0.28) !important;
box-shadow: 0 14px 32px rgba(0,0,0,0.09) !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .text-red-mercialys {
            color: var(--primary) !important;
font-weight: 700 !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client > .row.row-cols-1 {
            display: flex !important;
flex-direction: column !important;
gap: 22px !important;
margin: 0 !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client > .row.row-cols-1 > .col {
            padding: 0 !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="all"] .text-red-mercialys {
            color: var(--primary) !important;
font-weight: 700 !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="all"] h2 {
            color: #000;
font-size: 32px;
font-weight: 700;
line-height: 1.25;
letter-spacing: -0.64px;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] #content .btn-primary {
            display: flex;
justify-content: center;
align-items: center;
width: 260px;
height: 50px;
padding: 16px 24px;
border-radius: 25px;
background: var(--primary);
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] #content .card {
            border-radius: 6px;
border: 1px solid #BFE5DE;
background: #BFE5DE;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] #content .card-body {
            display: flex;
width: 100%;
padding: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 4px;
flex-shrink: 0;
align-self: stretch;
text-align: center;
font-weight: bold;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] #content .center-hero {
            display: flex;
flex-direction: row !important;
align-items: center;
align-self: stretch;
margin: 0 !important;
padding: 40px 90px !important;
border-radius: 0 !important;
background: url(/images/faveod/bg-page-centre.png) lightgray 0 -37.96px / 100% 191.753% no-repeat !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] #content .center-hero .btn {
            display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-size: 17.016px;
font-weight: 700;
line-height: normal;
letter-spacing: 2px;
text-transform: uppercase;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] #content .center-hero .btn-primary {
            display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 0 !important;
height: auto !important;
padding: 13px 30px !important;
border-radius: 10px !important;
background: #FF4F4F !important;
border: none !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 600 !important;
letter-spacing: .3px !important;
text-transform: none !important;
line-height: 1.2 !important;
box-shadow: 0 6px 16px rgba(255,79,79,.28) !important;
transition: background .15s ease, transform .15s ease !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] #content .center-hero .btn-primary:hover {
            background: #e63e3e !important;
transform: translateY(-1px) !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] #content .center-hero .col-md-4.p-4 {
            display: flex;
justify-content: center;
align-items: center;
padding: 0 !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] #content .center-hero .col.mt-4 {
            display: flex;
justify-content: center;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] #content .center-hero .ratio {
            width: 100% !important;
height: 440px !important;
--bs-aspect-ratio: auto !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] #content .center-hero > .col-md-4 {
            flex: 0 0 50%;
max-width: 50%;
display: flex;
justify-content: center;
align-items: center;
padding: 0 !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] #content .center-hero > .col-md-8 {
            flex: 0 0 50%;
max-width: 50%;
display: flex;
justify-content: center;
align-items: center;
padding: 0 !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] #content .center-hero > .col-md-8 > .row {
            width: 100%;
justify-content: center;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] #content .center-hero h2 {
            display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
gap: 30px;
margin: 0 0 24px;
text-align: center;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] #content .center-hero img {
            width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 15px;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] #content .center-hero span {
            font-size: 18px;
font-weight: 400 !important;
line-height: 33.6px;
margin-bottom: 24px;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] #content .center-info-container {
            padding: 30px 170px;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] #content h2 {
            color: #000;
font-size: 40px;
font-weight: 700;
line-height: 48px;
text-transform: uppercase;
margin: 60px 0 30px;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] #content.container-fluid {
            max-width: 1500px !important;
margin: 0 auto !important;
padding: 0 !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] .card-body .card-text.text-red-mercialys {
            font-size: 28px;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] .center-info-container .row.row-cols-md-3:last-of-type .card {
            border: none !important;
border-radius: 16px !important;
background: #ffffff !important;
box-shadow: 0 4px 20px rgba(0,0,0,.07) !important;
transition: transform .2s ease !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] .center-info-container .row.row-cols-md-3:last-of-type .card-body {
            display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
padding: 28px 16px !important;
gap: 8px !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] .center-info-container .row.row-cols-md-3:last-of-type .card-body::before {
            font-family: "Font Awesome 6 Free" !important;
font-weight: 900 !important;
font-size: 2rem !important;
color: var(--primary) !important;
margin-bottom: 4px !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] .center-info-container .row.row-cols-md-3:last-of-type .card-text.text-red-mercialys {
            font-size: 2.2rem !important;
font-weight: 800 !important;
line-height: 1 !important;
display: block !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] .center-info-container .row.row-cols-md-3:last-of-type .card-text:not(.text-red-mercialys) {
            font-size: 0.95rem !important;
color: var(--muted) !important;
font-weight: 500 !important;
display: block !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] .center-info-container .row.row-cols-md-3:last-of-type .card:hover {
            transform: translateY(-4px) !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] .center-info-container .row.row-cols-md-3:last-of-type .col:nth-child(1) .card-body::before {
            content: "\f0c0" !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] .center-info-container .row.row-cols-md-3:last-of-type .col:nth-child(2) .card-body::before {
            content: "\f54e" !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] .center-info-container .row.row-cols-md-3:last-of-type .col:nth-child(3) .card-body::before {
            content: "\f2e7" !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] .center-info-container .row.row-cols-md-3:last-of-type .col:nth-child(4) .card-body::before {
            content: "\f3c5" !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] .center-info-container .row.row-cols-md-3:last-of-type .col:nth-child(5) .card-body::before {
            content: "\f540" !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] .center-info-container .row:not(:last-of-type) .ratio {
            border-radius: 14px !important;
overflow: hidden !important;
box-shadow: 0 2px 10px rgba(0,0,0,.06) !important;
border: 1px solid #eef0f2 !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] .center-info-container .row:not(:last-of-type) .ratio iframe {
            border-radius: 14px !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] .center-info-container .row:not(:last-of-type) .ratio img {
            border-radius: 14px !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="description"] .center-info-container .text-center h2 {
            font-size: 1.35rem !important;
font-weight: 700 !important;
color: #1f2937 !important;
text-transform: none !important;
letter-spacing: 0 !important;
margin: 0 0 4px !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] #content .btn-primary:hover {
            background: none;
color: #222F38;
border: 1px solid rgba(24,47,57,0.35);
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] #content.container-fluid {
            position: relative;
max-width: 1500px !important;
margin: 0 auto !important;
padding: 0 !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] #flash {
            position: absolute;
top: 20px;
left: 50%;
transform: translateX(-50%);
z-index: 1000;
width: min(90%, 720px);
pointer-events: none;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] #flash .alert {
            margin: 0;
pointer-events: auto;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] #geomap {
            padding: 40px !important;
box-sizing: border-box !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] #geomap h3 {
            color: #212529;
font-family: "Poppins", sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 1.25;
letter-spacing: -0.02em;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] #logo-site {
            width: 203px;
height: 24px;
aspect-ratio: 203/24;
margin: 18px 0;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] #search-section {
            background: url(/images/faveod/search_section_bg.png);
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] #site_0_form {
            padding: 0 20%;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] #site_0_form .btn {
            width: 203px;
padding: 12px 16px;
border-radius: 12px;
border-style: none;
background: var(--primary);
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] #site_0_form input {
            display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 12px 16px;
border-radius: 12px;
border: 2px solid rgba(24,47,57,0.35);
background-color: transparent !important;
box-shadow: none;
outline: none;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] #values {
            padding-left: 40px !important;
padding-right: 40px !important;
box-sizing: border-box;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] #values .col .card {
            display: flex;
padding: 20px 0;
border-radius: 16px;
background: rgba(0,0,0,0.05);
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] #values .col .card .card-body {
            display: flex;
padding: 32px;
flex-direction: column;
align-items: flex-start;
gap: 8px;
align-self: stretch;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] #values .col .card .card-body::before {
            font-family: "Font Awesome 6 Free";
font-weight: 900;
display: flex;
align-items: center;
justify-content: center;
width: 64px;
height: 64px;
border-radius: 50%;
background: var(--primary);
color: #fff;
font-size: 1.6rem;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] #values .col .card .card-text {
            color: var(--muted) !important;
font-size: 18px !important;
line-height: 1.6 !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] #values .col .card .card-title {
            color: var(--text) !important;
font-size: 18px !important;
font-weight: 700 !important;
letter-spacing: -0.01em;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] #values .col .card img {
            width: 240px !important;
height: 180px !important;
border-radius: 32px;
box-shadow: 0 0 4.4px 0 rgba(0,0,0,.06), 0 5px 19px 0 rgba(0,0,0,.08);
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] #values .col .card img.card-img-top {
            display: none !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] #values .col-12 p {
            color: var(--muted);
font-size: 18px;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] #values .col:nth-child(1) .card .card-body::before {
            content: "\f017";
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] #values .col:nth-child(2) .card .card-body::before {
            content: "\f09d";
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] #values .col:nth-child(3) .card .card-body::before {
            content: "\f06e";
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] #values > .row.row-cols-md-3 {
            background: transparent !important;
border-radius: 0 !important;
margin: 40px 0 0 !important;
padding: 0 !important;
width: 100% !important;
max-width: 100% !important;
row-gap: 24px !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] #values > .row.row-cols-md-3 .col {
            border-left: none !important;
padding: 0 12px !important;
display: flex !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] #values > div:first-child {
            margin-left: 0 !important;
margin-right: 0 !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] #values h3 {
            color: #212529;
font-family: "Poppins", sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 1.25;
letter-spacing: -0.02em;
margin: 0 0 8px;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .action_buttons {
            display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 28px;
padding-top: 20px;
border-top: 1px solid var(--line);
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .action_buttons .btn {
            min-height: 44px;
padding: .75rem 1.1rem;
border-radius: 10px;
font-weight: 400;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .action_buttons .btn-default.btn-outline-primary {
            background: #fff;
color: var(--primary);
border-color: #cbd5e1;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .action_buttons .btn-default.btn-outline-primary:hover {
            background: #f9fafb;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .action_buttons .btn-outline-primary {
            background: #fff;
color: var(--primary);
border-color: #cbd5e1;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .action_buttons .btn-outline-primary:hover {
            background: #f9fafb;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .action_buttons .btn-primary {
            background: var(--primary);
border-color: var(--primary);
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .action_buttons .btn-primary:hover {
            background: var(--primary-hover);
border-color: var(--primary-hover);
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .card {
            border-style: none;
border-radius: 16px;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .card-body {
            padding: 18px 12px;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .card-img {
            border-radius: 16px;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .card-img-top {
            border-radius: 16px;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .card-logo {
            width: 100%;
height: 100%;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .card-text {
            color: rgba(0,0,0,0.55);
font-size: 18px;
font-weight: 500;
line-height: 145%;
letter-spacing: -0.1px;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .card-title {
            color: #000;
font-size: 32px;
font-weight: 700;
line-height: 120%;
letter-spacing: -0.64px;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .cards-footer {
            padding-left: 20px !important;
padding-right: 20px !important;
box-sizing: border-box;
text-align: center;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .cards-footer .btn {
            display: inline-block !important;
width: auto !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .cards-footer .row.col-12 {
            display: flex !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .cards-subtitle {
            color: rgba(0,0,0,0.55);
font-size: 18px;
font-weight: 500;
line-height: 145%;
letter-spacing: -0.1px;
margin-top: 15px;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .cards-title {
            color: #000;
font-size: 32px;
font-weight: 700;
line-height: 1.25;
letter-spacing: -0.64px;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .center-cards {
            display: flex;
height: auto;
padding: 40px;
flex-direction: column;
gap: 32px;
align-self: stretch;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .center-cards .card {
            width: 100% !important;
height: 100% !important;
min-height: 660px !important;
display: flex !important;
flex-direction: column !important;
overflow: hidden !important;
border-radius: 16px !important;
background: #fff !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .center-cards .card #logo-site {
            width: 100% !important;
height: 24px !important;
margin: 18px 0 !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .center-cards .card #logo-site img.card-logo {
            width: 203px !important;
max-width: 100% !important;
object-fit: contain !important;
display: block !important;
margin: 0 auto !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .center-cards .card .btn {
            width: 100% !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .center-cards .card .card-body {
            flex: 1 1 auto !important;
display: flex !important;
flex-direction: column !important;
padding: 24px 20px !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .center-cards .card .card-img-top {
            width: 100% !important;
height: 220px !important;
min-height: 220px !important;
max-height: 220px !important;
object-fit: cover !important;
object-position: center !important;
border-radius: 16px 16px 0 0 !important;
flex: 0 0 220px !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .center-cards .card .card-logo {
            width: 180px !important;
height: auto !important;
max-height: 36px !important;
object-fit: contain !important;
margin: 0 0 18px !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .center-cards .card .card-text {
            flex: 1 1 auto !important;
margin-bottom: 24px !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .center-cards .card .card-title {
            width: 100% !important;
min-height: 70px !important;
margin-bottom: 14px !important;
text-align: center !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .center-cards .card .list-group {
            margin-top: auto !important;
width: 100% !important;
border: 0 !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .center-cards .card .list-group-flush {
            margin-top: auto !important;
width: 100% !important;
border: 0 !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .center-cards .card .list-group-item {
            padding: 0 20px 10px !important;
border: 0 !important;
background: transparent !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .center-cards .card .list-group-item:last-child {
            padding-bottom: 20px !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .center-cards .card img.card-img-top {
            width: 100% !important;
height: 220px !important;
min-height: 220px !important;
max-height: 220px !important;
object-fit: cover !important;
object-position: center !important;
border-radius: 16px 16px 0 0 !important;
flex: 0 0 220px !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .center-cards .row.row-cols-1 {
            align-items: stretch !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .center-cards .row.row-cols-1 > .col {
            display: flex !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .container-fluid {
            padding: 0;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .container-fluid .bg {
            background: url(/images/faveod/bg.png) lightgray 50% / cover no-repeat;
padding: 0;
margin: 0 !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .content#container {
            background: var(--card);
border: 1px solid var(--line);
border-radius: 16px;
box-shadow: var(--shadow);
padding: 20px;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .geographical-map {
            border-radius: 16px !important;
overflow: hidden !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .list-group-item {
            border-style: none;
border-radius: 12px;
padding-top: 0;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .list-group-item .btn {
            border-radius: 12px;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .list-group-item .btn-primary {
            border-radius: 12px;
background: #182F39;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .search-illustration {
            display: flex;
justify-content: center;
align-items: center;
padding: 120px 120px 32px;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .search-illustration video {
            display: block;
margin: 0 auto;
max-width: 90%;
height: auto;
border-radius: 32px;
border: 8px solid #FFF;
box-shadow: 0 0 4.4px 0 rgba(0,0,0,.06), 0 5px 19px 0 rgba(0,0,0,.08);
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .search-subtitle {
            color: #182F39;
text-align: center;
font-size: 18px;
font-weight: 500;
line-height: 145%;
letter-spacing: -0.1px;
margin-top: 15px;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .search-title {
            color: #182F39;
text-align: center;
font-size: 64px;
font-weight: 700;
line-height: 110%;
letter-spacing: -1.6px;
padding-top: 120px;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] .text-center {
            text-align: start !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] footer {
            margin-top: 28px !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] footer .nav-link {
            color: #94a3b8 !important;
font-size: .92rem;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] footer p {
            color: #94a3b8 !important;
font-size: .92rem;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] img.card-logo[data-logo="Cap Sacré-Coeur"] {
            content: url("/images/logo/cap-sacre-coeur.png") !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] img.card-logo[data-logo="Duparc Sainte-Marie"] {
            content: url("/images/logo/duparc-sainte-marie.png") !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] img.card-logo[data-logo="Grand Quartier"] {
            content: url("/images/logo/grand-quartier.png") !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] img.card-logo[data-logo="Jas de Bouffan"] {
            content: url("/images/logo/jas-de-bouffan-logo.png") !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] img.card-logo[data-logo="La caserne de Bonne"] {
            content: url("/images/logo/la-caserne-de-bonne.png") !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] img.card-logo[data-logo="La Galerie"] {
            content: url("/images/logo/la-galerie.png") !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] img.card-logo[data-logo="Les Belles Feuilles"] {
            content: url("/images/logo/les-belles-feuilles.png") !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] img.card-logo[data-logo="Saint Genis 2"] {
            content: url("/images/logo/saint-genis-2.png") !important;
         }

    body[data-customer="true"][data-controller="sites"][data-action="home_page"] img.card-logo[data-logo="Shop Park"] {
            content: url("/images/logo/shoppark.svg") !important;
         }

    body[data-customer="true"][data-controller="users"] .btn {
            min-height: 44px;
padding: .75rem 1.1rem;
border-radius: 10px;
font-weight: 400;
box-shadow: none !important;
transition: transform .18s ease, box-shadow .18s ease;
transform: scale(1);
         }

    body[data-customer="true"][data-controller="users"] .btn-outline-primary {
            color: var(--primary) !important;
background: #fff !important;
border-color: var(--primary) !important;
--bs-btn-color: var(--primary) !important;
--bs-btn-bg: #fff !important;
--bs-btn-border-color: var(--primary) !important;
--bs-btn-hover-color: var(--primary) !important;
--bs-btn-hover-bg: #fff !important;
--bs-btn-hover-border-color: var(--primary) !important;
--bs-btn-active-color: var(--primary) !important;
--bs-btn-active-bg: #fff !important;
--bs-btn-active-border-color: var(--primary) !important;
         }

    body[data-customer="true"][data-controller="users"] .btn-primary {
            color: #fff !important;
background: var(--primary) !important;
border-color: var(--primary) !important;
--bs-btn-color: #fff !important;
--bs-btn-bg: var(--primary) !important;
--bs-btn-border-color: var(--primary) !important;
--bs-btn-hover-color: #fff !important;
--bs-btn-hover-bg: var(--primary) !important;
--bs-btn-hover-border-color: var(--primary) !important;
--bs-btn-active-color: #fff !important;
--bs-btn-active-bg: var(--primary) !important;
--bs-btn-active-border-color: var(--primary) !important;
         }

    body[data-customer="true"][data-controller="users"] .btn:active {
            transform: scale(0.98);
         }

    body[data-customer="true"][data-controller="users"] .btn:focus-visible {
            transform: scale(1.04);
box-shadow: none !important;
         }

    body[data-customer="true"][data-controller="users"] .btn:hover {
            transform: scale(1.04);
box-shadow: none !important;
         }

    body[data-customer="true"][data-controller="users"][data-action="change_password"] #change_password_change-password_form_submit {
            min-height: 44px;
padding: .75rem 1.1rem;
border-radius: 10px;
font-weight: 400;
color: #fff !important;
background: var(--primary) !important;
border: 1px solid var(--primary) !important;
box-shadow: none !important;
         }

    body[data-customer="true"][data-controller="users"][data-action="change_password"] #content.container-fluid {
            max-width: 1100px;
margin: 2rem auto;
padding: 24px 16px 40px !important;
         }

    body[data-customer="true"][data-controller="users"][data-action="change_password"] #user_change_password_form .row {
            margin-bottom: 16px;
align-items: center;
         }

    body[data-customer="true"][data-controller="users"][data-action="change_password"] #user_change_password_form fieldset {
            margin: 0;
padding: 0;
border: 0;
         }

    body[data-customer="true"][data-controller="users"][data-action="change_password"] #user_change_password_form input[type="password"] {
            width: 100%;
min-height: 44px;
padding: .75rem .9rem;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--text);
box-shadow: none;
         }

    body[data-customer="true"][data-controller="users"][data-action="change_password"] #user_change_password_form input[type="password"]:focus {
            outline: none;
border-color: #bfd3ff;
box-shadow: 0 0 0 3px rgba(37,99,235,.12);
         }

    body[data-customer="true"][data-controller="users"][data-action="change_password"] #user_change_password_form label.col-form-label {
            color: var(--text);
font-weight: 400;
line-height: 1.35;
         }

    body[data-customer="true"][data-controller="users"][data-action="change_password"] #user_change_password_form label.control-label {
            color: var(--text);
font-weight: 400;
line-height: 1.35;
         }

    body[data-customer="true"][data-controller="users"][data-action="change_password"] .alert.alert-info {
            margin: 0 0 20px;
padding: 14px 18px;
border-radius: 12px;
border: 1px solid #bfdbfe;
background: #eff6ff;
color: #1d4ed8;
box-shadow: none;
         }

    body[data-customer="true"][data-controller="users"][data-action="change_password"] .content#container {
            background: var(--card);
border: 1px solid var(--line);
border-radius: 16px;
box-shadow: var(--shadow);
padding: 28px;
         }

    body[data-customer="true"][data-controller="users"][data-action="change_password"] .fields {
            margin: 0;
         }

    body[data-customer="true"][data-controller="users"][data-action="change_password"] h2.title {
            margin: 0 0 20px;
font-size: 2rem;
font-weight: 700;
color: var(--primary);
         }

    body[data-customer="true"][data-controller="users"][data-action="change_password"] h2.title .action-icon {
            margin-right: 8px;
color: var(--primary);
         }

    body[data-customer="true"][data-controller="users"][data-action="change_password"] h2.title .fa {
            margin-right: 8px;
color: var(--primary);
         }

    body[data-customer="true"][data-controller="users"][data-action="change_password"] h2.title i {
            margin-right: 8px;
color: var(--primary);
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] {
            background: var(--bg) !important;
color: var(--text);
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] #btn_submit {
            min-width: 190px;
min-height: 48px;
padding: .85rem 1.4rem;
border-radius: 12px;
font-weight: 600;
box-shadow: none !important;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] #btn_submit:hover {
            background: var(--primary-hover) !important;
border-color: var(--primary-hover) !important;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] #content {
            display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
min-height: 60vh !important;
width: 100% !important;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] #content.container-fluid {
            min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 32px 16px 48px !important;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] #login_form {
            width: 100%;
margin: 0 !important;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] #login_form #logo {
            display: block;
width: 100%;
max-width: 470px;
height: auto;
margin: 0 auto 20px;
border-radius: 0 !important;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] #login_form .btn-outline-primary {
            min-width: 190px;
min-height: 48px;
padding: .85rem 1.4rem;
border-radius: 12px;
font-weight: 600;
box-shadow: none !important;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] #login_form .btn-outline-primary:hover {
            background: #fff5f5 !important;
border-color: var(--primary) !important;
color: var(--primary) !important;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] #login_form .form-group {
            margin: 0;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] #login_form .form-group .col-sm-12 {
            display: flex;
justify-content: center;
align-items: center;
gap: 12px;
flex-wrap: wrap;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] #login_form > .center_elt {
            text-align: center;
color: var(--text);
font-size: 1.7rem;
font-weight: 700;
line-height: 1.25;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] #login_form > .col-sm-12.center_elt {
            text-align: left;
font-size: 1rem;
font-weight: 400;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] #login_form a[href*="forgotten_password"] {
            display: inline-flex;
align-items: center;
gap: 8px;
margin: 8px 0 22px;
color: var(--accent);
text-decoration: none;
font-size: .98rem;
font-weight: 500;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] #login_form a[href*="forgotten_password"] .action-icon {
            margin: 0 !important;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] #login_form a[href*="forgotten_password"] .fa {
            margin: 0 !important;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] #login_form a[href*="forgotten_password"]:hover {
            text-decoration: underline;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] #login_form hr {
            margin: 18px 0;
border: 0;
border-top: 1px solid var(--line);
opacity: 1;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] #users_login_0_cell {
            display: flex;
align-items: center;
margin-bottom: 18px !important;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] #users_login_0_cell .col-sm-7 {
            flex: 1 1 auto;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] #users_login_0_cell label {
            color: var(--text);
font-weight: 400;
line-height: 1.4;
margin-bottom: 0;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] #users_password_0_cell {
            display: flex;
align-items: center;
margin-bottom: 18px !important;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] #users_password_0_cell .col-sm-7 {
            flex: 1 1 auto;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] #users_password_0_cell label {
            color: var(--text);
font-weight: 400;
line-height: 1.4;
margin-bottom: 0;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] #user_0_login {
            width: 100%;
min-height: 48px;
padding: .8rem 1rem;
border: 1px solid var(--line) !important;
border-radius: 12px;
background: #fff !important;
color: var(--text);
box-shadow: none !important;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] #user_0_login:focus {
            outline: none;
border-color: #bfd3ff !important;
box-shadow: 0 0 0 3px rgba(37,99,235,.12) !important;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] #user_0_password {
            width: 100%;
min-height: 48px;
padding: .8rem 1rem;
border: 1px solid var(--line) !important;
border-radius: 12px;
background: #fff !important;
color: var(--text);
box-shadow: none !important;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] #user_0_password:focus {
            outline: none;
border-color: #bfd3ff !important;
box-shadow: 0 0 0 3px rgba(37,99,235,.12) !important;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] .alert-info {
            display: none !important;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] .app_notifications {
            display: none;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] .center_box {
            width: 100%;
max-width: 560px;
margin: 0 auto !important;
padding: 32px 32px 28px !important;
border: 1px solid var(--line) !important;
border-radius: 20px !important;
background: var(--card) !important;
box-shadow: var(--shadow) !important;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] .flash {
            display: none !important;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] .my-toast {
            display: none !important;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] .notice {
            display: none !important;
         }

    body[data-customer="true"][data-controller="users"][data-action="register"] footer.sp-footer {
            margin-top: 0 !important;
         }

    footer.sp-footer {
            --epu-ink: #0E2130;
--epu-ink-deep: #081722;
--epu-coral: #FF6B5E;
--epu-coral-soft: #FFA79D;
--epu-cream: #FDF4EC;
--epu-text: #C7D6E0;
--epu-text-dim: #8AA0AF;
--epu-max: 1240px;
--epu-pad-x: clamp(1.25rem, 5vw, 4.5rem);
position: relative !important;
isolation: isolate;
margin: 0 !important;
padding: 0 !important;
background: linear-gradient(178deg, #14293A 0%, var(--epu-ink) 55%) !important;
color: var(--epu-text) !important;
overflow: hidden;
         }

    footer.sp-footer .sp-footer__bottom {
            background: var(--epu-ink-deep) !important;
border-top: 1px solid rgba(255,255,255,.07);
padding: 0 !important;
         }

    footer.sp-footer .sp-footer__bottom-inner {
            max-width: var(--epu-max) !important;
margin: 0 auto !important;
padding: 1.15rem var(--epu-pad-x) !important;
display: flex !important;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: .5rem clamp(1rem, 2.4vw, 2.25rem);
text-align: center;
         }

    footer.sp-footer .sp-footer__bottom-inner a {
            color: var(--epu-text-dim) !important;
font-size: .78rem !important;
font-weight: 500 !important;
line-height: 1.5 !important;
letter-spacing: .015em;
text-decoration: none !important;
transition: color .2s ease;
         }

    footer.sp-footer .sp-footer__bottom-inner a:hover {
            color: #fff !important;
         }

    footer.sp-footer .sp-footer__col > a {
            text-decoration: none !important;
         }

    footer.sp-footer .sp-footer__col > a:hover h4 {
            color: var(--epu-coral-soft) !important;
         }

    footer.sp-footer .sp-footer__col h4 {
            font-size: .72rem !important;
font-weight: 700 !important;
letter-spacing: .16em;
text-transform: uppercase;
color: #fff !important;
margin: 0 0 1.4rem !important;
padding: 0 0 .9rem !important;
border-bottom: 1px solid rgba(255,255,255,.12);
line-height: 1.5 !important;
display: flex !important;
align-items: flex-end;
min-height: 3.9em;
         }

    footer.sp-footer .sp-footer__col li {
            margin: 0 !important;
         }

    footer.sp-footer .sp-footer__col li a {
            display: inline-block;
color: var(--epu-text) !important;
font-size: .97rem !important;
text-decoration: none !important;
background-image: linear-gradient(var(--epu-coral), var(--epu-coral));
background-repeat: no-repeat;
background-position: 0 100%;
background-size: 0% 1.5px;
transition: background-size .3s cubic-bezier(.2,.8,.3,1), color .2s ease;
padding-bottom: 2px;
         }

    footer.sp-footer .sp-footer__col li a:hover {
            color: #fff !important;
background-size: 100% 1.5px;
         }

    footer.sp-footer .sp-footer__col ul {
            list-style: none !important;
margin: 0 !important;
padding: 0 !important;
display: flex;
flex-direction: column;
gap: .85rem;
         }

    footer.sp-footer .sp-footer__content {
            display: grid !important;
grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr);
gap: clamp(2.5rem, 5vw, 5rem);
align-items: start;
padding: 0 !important;
margin: 0 !important;
         }

    footer.sp-footer .sp-footer__cta {
            display: inline-flex !important;
align-items: center;
gap: .6rem;
padding: .95rem 1.8rem !important;
border-radius: 999px !important;
background: var(--epu-coral) !important;
color: #10222F !important;
font-weight: 700 !important;
font-size: 1rem !important;
text-decoration: none !important;
box-shadow: 0 10px 26px -12px rgba(255, 107, 94, .9);
transition: transform .22s cubic-bezier(.2,.8,.3,1), box-shadow .22s ease, background-color .22s ease;
         }

    footer.sp-footer .sp-footer__cta::after {
            content: "→";
transition: transform .22s cubic-bezier(.2,.8,.3,1);
         }

    footer.sp-footer .sp-footer__cta:active {
            transform: translateY(-1px);
         }

    footer.sp-footer .sp-footer__cta:hover {
            background: #FF8175 !important;
transform: translateY(-3px);
box-shadow: 0 18px 34px -14px rgba(255, 107, 94, 1);
         }

    footer.sp-footer .sp-footer__cta:hover::after {
            transform: translateX(4px);
         }

    footer.sp-footer .sp-footer__inner {
            max-width: var(--epu-max) !important;
margin: 0 auto !important;
padding: clamp(3.5rem, 7vw, 6rem) var(--epu-pad-x) clamp(2.5rem, 5vw, 4rem) !important;
width: 100% !important;
         }

    footer.sp-footer .sp-footer__intro {
            max-width: 44ch;
         }

    footer.sp-footer .sp-footer__intro h3 {
            font-size: clamp(1.6rem, 2.6vw, 2.25rem) !important;
font-weight: 700 !important;
line-height: 1.1 !important;
letter-spacing: -0.02em;
color: #fff !important;
margin: 0 0 .9rem !important;
text-wrap: balance;
         }

    footer.sp-footer .sp-footer__intro p {
            font-size: 1rem !important;
line-height: 1.65 !important;
color: var(--epu-text-dim) !important;
margin: 0 0 2rem !important;
         }

    footer.sp-footer .sp-footer__logo {
            display: inline-block !important;
line-height: 0;
transition: transform .25s cubic-bezier(.2,.8,.3,1), opacity .25s ease;
         }

    footer.sp-footer .sp-footer__logo img {
            width: clamp(150px, 18vw, 200px) !important;
height: auto !important;
filter: brightness(0) invert(1);
         }

    footer.sp-footer .sp-footer__logo:hover {
            transform: translateY(-3px);
opacity: .85;
         }

    footer.sp-footer .sp-footer__top {
            margin: 0 0 clamp(2.5rem, 5vw, 3.5rem) !important;
padding: 0 !important;
         }

    footer.sp-footer a:focus-visible {
            outline: 2px solid var(--epu-coral);
outline-offset: 4px;
border-radius: 4px;
         }



/* @media (max-width: 1200px) */

@media (max-width: 1200px) {
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] #geomap h3 {
  font-size: 28px;
line-height: 1.3;
  }

}


/* @media (max-width: 480px) */

@media (max-width: 480px) {
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] #site_0_form .btn {
  width: 100%;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] .card-logo {
  width: 140px;
height: auto;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] .search-title {
  font-size: 24px;
padding-top: 36px;
  }

}


/* @media (max-width: 575.98px) */

@media (max-width: 575.98px) {
 body[data-customer="true"][data-controller="sites"][data-action="description"] #content .btn-primary {
  width: 100% !important;
max-width: 320px;
  }
 body[data-customer="true"][data-controller="sites"][data-action="description"] #content .center-hero {
  padding: 20px 14px !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="description"] #content .center-hero .ratio {
  height: 210px !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="description"] #content .center-hero h2 {
  font-size: 1.5rem;
gap: 14px;
  }
 body[data-customer="true"][data-controller="sites"][data-action="description"] #content .center-hero span {
  font-size: 15px !important;
line-height: 1.5 !important;
margin-bottom: 16px;
  }
 body[data-customer="true"][data-controller="sites"][data-action="description"] .card-body .card-text.text-red-mercialys {
  font-size: 22px !important;
  }

}


/* @media (max-width: 600px) */

@media (max-width: 600px) {
 footer.sp-footer .sp-footer__bottom-inner {
  flex-direction: column;
gap: .75rem;
  }
 footer.sp-footer .sp-footer__col h4 {
  margin-bottom: 1.1rem !important;
min-height: 0;
justify-content: center;
text-align: center;
  }
 footer.sp-footer .sp-footer__col ul {
  align-items: center;
  }
 footer.sp-footer .sp-footer__content {
  grid-template-columns: minmax(0, 1fr);
  }
 footer.sp-footer .sp-footer__cta {
  width: 100%;
justify-content: center;
  }
 footer.sp-footer .sp-footer__intro {
  max-width: none;
  }

}


/* @media (max-width: 640px) */

@media (max-width: 640px) {
 #contact_discussion {
  margin: 1.25rem .75rem 0 !important;
padding: 1.25rem !important;
border-radius: 18px !important;
  }
 #contact_discussion #new-comment {
  width: 100%;
justify-content: center;
  }
 #contact_discussion #previous-comments {
  max-height: none;
  }
 #contact_discussion #size-counter {
  flex: 0 0 100%;
margin-right: 0;
  }
 #contact_discussion .nice-comment-cell {
  grid-template-columns: 32px minmax(0, 1fr);
column-gap: .6rem;
  }
 #contact_discussion .nice-comment-cell::before {
  width: 32px;
height: 32px;
font-size: .78rem;
  }
 #contact_discussion form > .row .col-md-4 {
  flex: 0 0 100%;
width: 100% !important;
margin-left: 0;
  }

}


/* @media (max-width: 767.98px) */

@media (max-width: 767.98px) {
 body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] #add_pictures {
  width: 100% !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] #content.container-fluid {
  padding: 0 12px 32px !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] .action_buttons .btn {
  width: 100% !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] .action_buttons input[type="submit"] {
  width: 100% !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] .content.row#container {
  padding: 20px 16px !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] h2.title {
  margin: 4px 0 16px !important;
padding: 0 0 12px !important;
font-size: .95rem !important;
gap: 6px !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] [id$="_pictures_nested_assoc"] {
  display: block !important;
width: 100% !important;
box-sizing: border-box !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] [id$="_pictures_nested_assoc"] tbody {
  display: block !important;
width: 100% !important;
box-sizing: border-box !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] [id$="_pictures_nested_assoc"] td {
  display: block !important;
width: 100% !important;
box-sizing: border-box !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] [id$="_pictures_nested_assoc"] td {
  padding: 6px 0 !important;
border: none !important;
text-align: left !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] [id$="_pictures_nested_assoc"] td:last-child {
  text-align: right !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] [id$="_pictures_nested_assoc"] thead {
  display: none !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] [id$="_pictures_nested_assoc"] tr {
  display: block !important;
width: 100% !important;
box-sizing: border-box !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] [id$="_pictures_nested_assoc"] tr {
  padding: 14px 16px !important;
border-top: 1px solid #eef1f4 !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] #content.container-fluid {
  padding: 0 12px 32px !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] #insert-new-comment .nice-comment-cell {
  padding: 16px 18px !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] #pictures_nested_assoc {
  display: block !important;
overflow-x: auto !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] #previous-comments .nice-comment-cell {
  padding: 16px 18px !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] .action_buttons .btn {
  width: 100% !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] .content#container {
  padding: 20px 16px !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] .row.mb-3 {
  grid-template-columns: 1fr !important;
align-items: start !important;
gap: 6px !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] h2.title {
  margin: 4px 0 16px !important;
padding: 0 0 12px !important;
font-size: .95rem !important;
gap: 6px !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] [id^="client_requests_"][id$="_cell"].row {
  grid-template-columns: 1fr !important;
align-items: start !important;
gap: 6px !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] [id^="client_requests_comments_cont_"][id$="_cell"] .card-body {
  padding: 18px 16px !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard {
  padding: 8px 14px 0 !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard .text-center.mt-3 h2 {
  font-size: 1.4rem !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard > .nav.nav-tabs {
  flex-direction: column !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
gap: 10px !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard > .nav.nav-tabs .nav-link {
  width: 100% !important;
justify-content: center !important;
padding: 12px 16px !important;
font-size: .9rem !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard > .nav.nav-tabs > li {
  width: 100% !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #open_client_requests_cont .btn {
  width: 100% !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #open_client_requests_cont .card .row.g-0 > .col-md-3 {
  width: 100% !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #open_client_requests_cont .card-body {
  padding: 18px 18px !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #open_client_requests_cont .card-title {
  font-size: 1.02rem !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #open_client_requests_cont .img-fluid.rounded {
  min-height: 160px !important;
max-height: 190px !important;
  }

}


/* @media (max-width: 767px) */

@media (max-width: 767px) {
 body[data-customer="true"] #account_edit > .border {
  padding: 14px !important;
border-radius: 14px;
  }
 body[data-customer="true"] #account_edit h2.title {
  gap: 10px;
font-size: 1.5rem;
  }
 body[data-customer="true"] #business_document_0_form .btn {
  width: 100%;
  }
 body[data-customer="true"] #business_document_0_form .col-4 {
  width: 100%;
  }
 body[data-customer="true"] #business_document_0_form .col-md-2 {
  width: 100%;
  }
 body[data-customer="true"] #business_document_0_form .col-md-6 {
  width: 100%;
  }
 body[data-customer="true"] #contact_0_form .panel-body.card-body {
  padding: 14px 14px 12px !important;
  }
 body[data-customer="true"] #contact_0_form .panel-heading.card-header {
  min-height: 48px;
font-size: .98rem;
  }
 body[data-customer="true"] #contact_67_email {
  display: flex;
width: 100%;
  }
 body[data-customer="true"] #contact_67_form .btn {
  width: 100%;
  }
 body[data-customer="true"] #contact_67_form .btn + .btn {
  margin-left: 0;
margin-top: 8px;
  }
 body[data-customer="true"] #contact_account #contact_67_gender {
  min-height: 40px;
padding: .65rem .8rem;
  }
 body[data-customer="true"] #contact_account #counterparty_40_client_activity_id {
  min-height: 40px;
padding: .65rem .8rem;
  }
 body[data-customer="true"] #contact_account #counterparty_40_country_id {
  min-height: 40px;
padding: .65rem .8rem;
  }
 body[data-customer="true"] #contact_account #counterparty_40_main_contact {
  min-height: 40px;
padding: .65rem .8rem;
  }
 body[data-customer="true"] #contact_account .btn {
  width: 100%;
  }
 body[data-customer="true"] #contact_account .btn + .btn {
  margin-left: 0;
margin-top: 8px;
  }
 body[data-customer="true"] #contact_account .col-md-10.col-form-label > span {
  min-height: 40px;
padding: .65rem .8rem;
  }
 body[data-customer="true"] #contact_account .col-md-3.col-form-label > span {
  min-height: 40px;
padding: .65rem .8rem;
  }
 body[data-customer="true"] #contact_account > .border {
  padding: 14px !important;
border-radius: 14px;
  }
 body[data-customer="true"] #contact_account h2.title {
  margin-bottom: 16px;
font-size: 1.45rem;
  }
 body[data-customer="true"] #contact_account span.aligned {
  min-height: 40px;
padding: .65rem .8rem;
  }
 body[data-customer="true"] #contact_account span[data-field] {
  min-height: 40px;
padding: .65rem .8rem;
  }
 body[data-customer="true"] #contact_dashboard > .nav.nav-tabs {
  flex-wrap: wrap;
gap: 8px;
border-bottom: 0;
  }
 body[data-customer="true"] #contact_dashboard > .nav.nav-tabs .nav-link {
  border-radius: 10px;
  }
 body[data-customer="true"] #contact_dashboard > .nav.nav-tabs .nav-link.active {
  border-radius: 10px;
  }
 body[data-customer="true"] #content.container-fluid {
  padding: 18px 14px 32px !important;
  }
 body[data-customer="true"] #counterparty_0_form .panel-body.card-body {
  padding: 14px 14px 12px !important;
  }
 body[data-customer="true"] #counterparty_0_form .panel-heading.card-header {
  min-height: 48px;
font-size: .98rem;
  }
 body[data-customer="true"] #login_form #btn_submit {
  width: 100%;
  }
 body[data-customer="true"] #login_form #users_login_0_cell {
  display: block;
  }
 body[data-customer="true"] #login_form #users_login_0_cell {
  grid-template-columns: 1fr;
row-gap: 8px;
align-items: start;
  }
 body[data-customer="true"] #login_form #users_login_0_cell label {
  display: block;
margin-bottom: 8px;
  }
 body[data-customer="true"] #login_form #users_password_0_cell {
  display: block;
  }
 body[data-customer="true"] #login_form #users_password_0_cell {
  grid-template-columns: 1fr;
row-gap: 8px;
align-items: start;
  }
 body[data-customer="true"] #login_form #users_password_0_cell label {
  display: block;
margin-bottom: 8px;
  }
 body[data-customer="true"] #login_form > .center_elt {
  font-size: 1.35rem;
  }
 body[data-customer="true"] #open_client_requests_cont .card .btn {
  width: 100% !important;
max-width: 100% !important;
min-height: 46px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
white-space: normal !important;
text-align: center !important;
  }
 body[data-customer="true"] #open_client_requests_cont .card .btn + .btn {
  margin-top: 10px !important;
  }
 body[data-customer="true"] #open_client_requests_cont .card .d-flex:has(.btn) {
  width: 100% !important;
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 10px !important;
  }
 body[data-customer="true"] #open_client_requests_cont .card .text-end {
  width: 100% !important;
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 10px !important;
  }
 body[data-customer="true"] #open_client_requests_cont .card-body {
  padding: 16px 14px;
  }
 body[data-customer="true"] #open_client_requests_cont .col-12 > .card {
  border-radius: 12px;
  }
 body[data-customer="true"] #open_client_requests_cont .img-fluid.rounded {
  min-height: 190px;
  }
 body[data-customer="true"] #open_client_requests_cont .text-end {
  text-align: left !important;
  }
 body[data-customer="true"] #open_client_requests_cont .text-end .btn {
  width: 100%;
margin-left: 0 !important;
  }
 body[data-customer="true"] #open_client_requests_cont .text-end .btn + .btn {
  margin-top: 8px;
  }
 body[data-customer="true"] #open_client_requests_cont .text-start {
  text-align: left !important;
  }
 body[data-customer="true"] #site_0_form {
  padding: 0;
  }
 body[data-customer="true"] #site_0_form .row {
  display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
gap: 15px;
align-self: stretch;
  }
 body[data-customer="true"] #values .col .card img {
  width: 218px !important;
height: 218px !important;
  }
 body[data-customer="true"] h2.title {
  font-size: 1.8rem;
  }
 body[data-customer="true"]:has(#login_form) .center_box {
  padding: 22px 18px 20px !important;
border-radius: 16px !important;
  }
 body[data-customer="true"]:has(#login_form) .container {
  padding: 20px 12px;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] #content.container-fluid {
  padding: 18px 14px 32px !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] .content#container {
  padding: 20px 16px;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] form a.btn {
  width: 100%;
margin-right: 0 !important;
margin-bottom: 8px;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] form input[type="submit"] {
  width: 100%;
margin-right: 0 !important;
margin-bottom: 8px;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] h2.title {
  font-size: 1.75rem;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] table {
  display: block;
width: 100%;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] tbody {
  display: block;
width: 100%;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] td {
  display: block;
width: 100%;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] td {
  padding: 8px 0;
border: 0;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] th {
  display: block;
width: 100%;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] thead {
  display: block;
width: 100%;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] thead {
  display: none;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] tr {
  display: block;
width: 100%;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] tr {
  padding: 14px;
border-bottom: 1px solid var(--line);
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] #content.container-fluid {
  padding: 18px 14px 32px !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] #div_offer_payments > label {
  min-width: max-content !important;
padding-right: 12px !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] #offer_documents_cell > label {
  min-width: max-content !important;
padding-right: 12px !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] #offer_lots_cell > .col-md-10 {
  flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] #offer_lots_cell > label {
  flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] #offer_lots_cell > label {
  margin-bottom: 8px !important;
white-space: normal !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] #offer_lots_cell.row {
  flex-wrap: wrap !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] #pictures_nested_assoc {
  display: block;
width: 100%;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] #pictures_nested_assoc tbody {
  display: block;
width: 100%;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] #pictures_nested_assoc td {
  display: block;
width: 100%;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] #pictures_nested_assoc td {
  padding: 8px 0;
border: 0;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] #pictures_nested_assoc th {
  display: block;
width: 100%;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] #pictures_nested_assoc thead {
  display: block;
width: 100%;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] #pictures_nested_assoc thead {
  display: none;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] #pictures_nested_assoc tr {
  display: block;
width: 100%;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] #pictures_nested_assoc tr {
  padding: 14px;
border-bottom: 1px solid var(--line);
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] .action_buttons {
  flex-direction: column;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] .action_buttons .btn {
  width: 100%;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] .content#container {
  padding: 20px 16px;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] .row.mb-3 {
  flex-wrap: wrap;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] .row.mb-3 > div {
  flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] .row.mb-3 > label {
  flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
margin-bottom: 8px !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] h2.title {
  font-size: 1.75rem;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] label.col-form-label {
  white-space: nowrap !important;
word-break: keep-all !important;
overflow-wrap: normal !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] label.control-label {
  white-space: nowrap !important;
word-break: keep-all !important;
overflow-wrap: normal !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] [id^="client_requests_"][id$="_cell"].row {
  flex-wrap: wrap;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] [id^="client_requests_"][id$="_cell"].row > div {
  flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] [id^="client_requests_"][id$="_cell"].row > label {
  flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
margin-bottom: 8px !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] [id^="client_requests_additional_information_"][id$="_cell"] > label {
  min-width: max-content !important;
padding-right: 12px !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action=""] #contact_67_form #contacts_gender_67_cell > .col-md-3 {
  flex: 0 0 auto !important;
width: 100% !important;
max-width: 100% !important;
padding-left: calc(var(--bs-gutter-x) * .5) !important;
padding-right: calc(var(--bs-gutter-x) * .5) !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="account"] #contact_account #contacts_gender_67_cell {
  display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
margin-bottom: 14px !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="account"] #contact_account #contacts_gender_67_cell .aligned {
  width: 100% !important;
display: block !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="account"] #contact_account #contacts_gender_67_cell > .col-md-3 {
  flex: 0 0 auto !important;
width: 100% !important;
max-width: 100% !important;
padding-left: calc(var(--bs-gutter-x) * .5) !important;
padding-right: calc(var(--bs-gutter-x) * .5) !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="account"] #contact_account #contacts_gender_67_cell > .col.s3 {
  flex: 0 0 auto !important;
width: 100% !important;
max-width: 100% !important;
padding-left: calc(var(--bs-gutter-x) * .5) !important;
padding-right: calc(var(--bs-gutter-x) * .5) !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="account"] #contact_account #contacts_gender_67_cell > div {
  flex: 0 0 auto !important;
width: 100% !important;
max-width: 100% !important;
padding-left: calc(var(--bs-gutter-x) * .5) !important;
padding-right: calc(var(--bs-gutter-x) * .5) !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="account"] #contact_account #contacts_gender_67_cell > label {
  flex: 0 0 auto !important;
width: 100% !important;
max-width: 100% !important;
margin-bottom: 6px !important;
padding-left: calc(var(--bs-gutter-x) * .5) !important;
padding-right: calc(var(--bs-gutter-x) * .5) !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="account"] #contact_account #contacts_gender_67_cell span {
  width: 100% !important;
display: block !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="account_edit"] #business_document_0_form span.text-end.ms-auto {
  margin-left: 0 !important;
text-align: left !important;
padding-top: 4px;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="account_edit"] #contact_67_form #contacts_gender_67_cell {
  display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
margin-bottom: 14px !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="account_edit"] #contact_67_form #contacts_gender_67_cell .ss-main {
  width: 100% !important;
display: block !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="account_edit"] #contact_67_form #contacts_gender_67_cell > .col.s3 {
  flex: 0 0 auto !important;
width: 100% !important;
max-width: 100% !important;
padding-left: calc(var(--bs-gutter-x) * .5) !important;
padding-right: calc(var(--bs-gutter-x) * .5) !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="account_edit"] #contact_67_form #contacts_gender_67_cell > label {
  flex: 0 0 auto !important;
width: 100% !important;
max-width: 100% !important;
margin-bottom: 6px !important;
padding-left: calc(var(--bs-gutter-x) * .5) !important;
padding-right: calc(var(--bs-gutter-x) * .5) !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="account_edit"] #contact_67_form #contacts_gender_67_cell select {
  width: 100% !important;
display: block !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard .tab-content .btn {
  justify-content: center;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard .tab-content .card img.img-fluid {
  min-height: 170px;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard .tab-content .card-body {
  padding: 1.1rem 1.15rem !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard > .nav.nav-tabs {
  flex-direction: column !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard > .nav.nav-tabs .nav-link {
  width: 100% !important;
justify-content: center !important;
padding: 12px 16px !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard > .nav.nav-tabs > li {
  width: 100% !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] .card .btn {
  width: 100% !important;
max-width: 100% !important;
min-height: 46px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
white-space: normal !important;
text-align: center !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] .card .btn + .btn {
  margin-top: 10px !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] .card .d-flex:has(.btn) {
  width: 100% !important;
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 10px !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] .card .text-end {
  width: 100% !important;
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 10px !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="discussion"] #contact_discussion {
  padding: 20px 16px;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="discussion"] #contact_discussion .text-center h2 {
  font-size: 1.75rem;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="discussion"] #content.container-fluid {
  padding: 18px 14px 32px !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="discussion"] #new-comment {
  width: 100%;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="discussion"] .nice-comment-cell .aligned[data-field="content"] {
  max-width: 100%;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="discussion"] .nice-comment-cell > div.col-md-6 {
  max-width: 100%;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="new"] #contact_0_contact_information_cont .col-md-2 .fw-bold {
  display: block !important;
width: 100% !important;
text-align: left !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="new"] #contact_0_contact_information_cont .col-md-2:has(.fw-bold) {
  justify-content: flex-start !important;
align-items: flex-start !important;
text-align: left !important;
margin-top: 8px !important;
  }
 body[data-customer="true"][data-controller="counterparties"][data-action="counterparty_edit"] #business_document_0_form .col-6.col-md-2.d-flex.align-items-center > span.text-end.ms-auto {
  margin-left: 0 !important;
text-align: left !important;
padding-top: 4px;
  }
 body[data-customer="true"][data-controller="counterparties"][data-action="counterparty_edit"] #counterparty_edit .row.align-items-center.border.p-1 {
  display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 10px;
  }
 body[data-customer="true"][data-controller="counterparties"][data-action="counterparty_edit"] #counterparty_edit .row.align-items-center.border.p-1 .btn {
  width: 100%;
  }
 body[data-customer="true"][data-controller="counterparties"][data-action="counterparty_edit"] #counterparty_edit .row.align-items-center.border.p-1 .col-6.col-md-3 {
  min-width: 0;
white-space: normal;
overflow-wrap: anywhere;
word-break: break-word;
  }
 body[data-customer="true"][data-controller="counterparties"][data-action="counterparty_edit"] #counterparty_edit .row.align-items-center.border.p-1 > [class*="col-"] {
  width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
padding: 0 !important;
text-align: left !important;
  }
 body[data-customer="true"][data-controller="information_requests"][data-action="new"] #content.container-fluid {
  padding: 16px 12px 32px !important;
  }
 body[data-customer="true"][data-controller="information_requests"][data-action="new"] .content#container {
  padding: 20px 16px !important;
  }
 body[data-customer="true"][data-controller="information_requests"][data-action="new"] .row.mb-3 {
  flex-wrap: wrap !important;
  }
 body[data-customer="true"][data-controller="information_requests"][data-action="new"] .row.required {
  flex-wrap: wrap !important;
  }
 body[data-customer="true"][data-controller="information_requests"][data-action="new"] label.col-form-label {
  flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-bottom: 8px !important;
white-space: normal !important;
  }
 body[data-customer="true"][data-controller="information_requests"][data-action="new"] label.control-label {
  flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-bottom: 8px !important;
white-space: normal !important;
  }
 body[data-customer="true"][data-controller="prospects"][data-action="new"] #content.container-fluid {
  padding: 16px 12px 32px !important;
  }
 body[data-customer="true"][data-controller="prospects"][data-action="new"] #prospect_0_form input[type="text"] {
  max-width: 100% !important;
  }
 body[data-customer="true"][data-controller="prospects"][data-action="new"] #prospect_0_form select {
  max-width: 100% !important;
  }
 body[data-customer="true"][data-controller="prospects"][data-action="new"] .content#container {
  padding: 20px 16px !important;
  }
 body[data-customer="true"][data-controller="prospects"][data-action="new"] .row.mb-3 {
  flex-wrap: wrap !important;
  }
 body[data-customer="true"][data-controller="prospects"][data-action="new"] .row.required {
  flex-wrap: wrap !important;
  }
 body[data-customer="true"][data-controller="prospects"][data-action="new"] label.col-form-label {
  flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-bottom: 8px !important;
white-space: normal !important;
  }
 body[data-customer="true"][data-controller="prospects"][data-action="new"] label.control-label {
  flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-bottom: 8px !important;
white-space: normal !important;
  }
 body[data-customer="true"][data-controller="prospects"][data-action="start"] #next {
  width: 100% !important;
  }
 body[data-customer="true"][data-controller="prospects"][data-action="start"] #prospect_0_form .col-md-2 {
  width: 100% !important;
max-width: 100% !important;
  }
 body[data-customer="true"][data-controller="prospects"][data-action="start"] #prospect_0_form .col-md-4 {
  width: 100% !important;
max-width: 100% !important;
  }
 body[data-customer="true"][data-controller="prospects"][data-action="start"] #prospect_0_form .row {
  flex-wrap: wrap !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] #geomap {
  padding-left: 16px !important;
padding-right: 16px !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] #geomap .row.py-4 {
  flex-direction: column;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] #geomap .row.py-4 .w-50 {
  width: 100% !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] #geomap h3 {
  margin-left: 0;
font-size: 18px;
line-height: 1.4;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] #site_0_form {
  padding: 0;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] #site_0_form .row {
  display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
gap: 15px;
align-self: stretch;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] #values {
  padding-left: 16px !important;
padding-right: 16px !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] #values .col .card .card-body {
  padding: 16px;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] #values .col .card img.card-img-top {
  width: auto !important;
max-width: 160px !important;
height: auto !important;
max-height: 160px !important;
object-fit: contain !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] #values > .row.row-cols-md-3 {
  padding: 0 !important;
row-gap: 16px !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] #values > .row.row-cols-md-3 .col {
  padding: 0 !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] .card-text {
  font-size: 14px;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] .card-title {
  font-size: 18px;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] .cards-subtitle {
  font-size: 14px;
margin-top: 8px;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] .cards-title {
  font-size: 22px;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] .center-cards {
  padding: 16px 12px;
gap: 16px;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] .center-cards .card {
  min-height: auto !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] .center-cards .card .card-img-top {
  height: 190px !important;
min-height: 190px !important;
max-height: 190px !important;
flex-basis: 190px !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] .center-cards .card .card-title {
  min-height: 0 !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] .center-cards .card img.card-img-top {
  height: 190px !important;
min-height: 190px !important;
max-height: 190px !important;
flex-basis: 190px !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] .geographical-map {
  width: 100% !important;
height: 350px !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] .search-illustration {
  padding: 32px 8px 24px;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] .search-subtitle {
  font-size: 14px;
margin: 16px 12px;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] .search-title {
  font-size: 30px;
padding-top: 48px;
letter-spacing: -0.5px;
  }
 body[data-customer="true"][data-controller="users"][data-action="my_requests"] .card .btn {
  width: 100% !important;
max-width: 100% !important;
min-height: 46px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
white-space: normal !important;
text-align: center !important;
  }
 body[data-customer="true"][data-controller="users"][data-action="my_requests"] .card .btn + .btn {
  margin-top: 10px !important;
  }
 body[data-customer="true"][data-controller="users"][data-action="my_requests"] .card .d-flex:has(.btn) {
  width: 100% !important;
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 10px !important;
  }
 body[data-customer="true"][data-controller="users"][data-action="my_requests"] .card .text-end {
  width: 100% !important;
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 10px !important;
  }
 body[data-customer="true"][data-controller="users"][data-action="register"] #btn_submit {
  width: 100%;
min-width: 0;
  }
 body[data-customer="true"][data-controller="users"][data-action="register"] #content.container-fluid {
  padding: 20px 12px 32px !important;
  }
 body[data-customer="true"][data-controller="users"][data-action="register"] #login_form .btn-outline-primary {
  width: 100%;
min-width: 0;
  }
 body[data-customer="true"][data-controller="users"][data-action="register"] #login_form .form-group .col-sm-12 {
  flex-direction: column;
align-items: stretch;
  }
 body[data-customer="true"][data-controller="users"][data-action="register"] #login_form > .center_elt {
  font-size: 1.35rem;
  }
 body[data-customer="true"][data-controller="users"][data-action="register"] #users_login_0_cell {
  display: block;
  }
 body[data-customer="true"][data-controller="users"][data-action="register"] #users_login_0_cell label {
  display: block;
margin-bottom: 8px;
  }
 body[data-customer="true"][data-controller="users"][data-action="register"] #users_password_0_cell {
  display: block;
  }
 body[data-customer="true"][data-controller="users"][data-action="register"] #users_password_0_cell label {
  display: block;
margin-bottom: 8px;
  }
 body[data-customer="true"][data-controller="users"][data-action="register"] .center_box {
  padding: 22px 18px 20px !important;
border-radius: 16px !important;
  }

}


/* @media (max-width: 768px) */

@media (max-width: 768px) {
 body[data-customer="true"][data-controller="sites"][data-action="all"] #site_0_form .col-4 {
  flex: 0 0 auto !important;
width: 100% !important;
max-width: 100% !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="all"] #site_0_form .col-8 {
  flex: 0 0 auto !important;
width: 100% !important;
max-width: 100% !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="all"] #site_0_form .row {
  flex-direction: column !important;
flex-wrap: nowrap !important;
gap: 12px !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client {
  padding: 28px 14px 24px !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card {
  height: auto !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card .btn {
  width: 100% !important;
max-width: 100% !important;
min-height: 48px !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card .btn-outline-primary {
  width: 100% !important;
max-width: 100% !important;
min-height: 48px !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card .btn-primary {
  width: 100% !important;
max-width: 100% !important;
min-height: 48px !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card .col-md-2.d-flex {
  width: 100% !important;
max-width: 100% !important;
flex: 0 0 auto !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card .col-md-2.d-flex {
  padding: 12px 16px 16px !important;
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
justify-content: flex-start !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card .col-md-2.d-flex {
  border-left: 0 !important;
border-top: 1px solid var(--line) !important;
padding: 16px !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card .col-md-2.d-flex.align-items-center {
  width: 100% !important;
max-width: 100% !important;
flex: 0 0 auto !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card .col-md-2.d-flex.align-items-center {
  padding: 12px 16px 16px !important;
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
justify-content: flex-start !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card .col-md-2:first-child {
  width: 100% !important;
max-width: 100% !important;
flex: 0 0 auto !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card .col-md-2:first-child {
  padding: 0 !important;
overflow: hidden !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card .col-md-8 {
  width: 100% !important;
max-width: 100% !important;
flex: 0 0 auto !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card .col-md-8 {
  padding: 18px 16px 8px !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card > .row {
  display: flex !important;
flex-direction: column !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card > .row.g-0 {
  display: flex !important;
flex-direction: column !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card img.img-fluid {
  display: block !important;
width: 100% !important;
height: 190px !important;
object-fit: cover !important;
border-radius: 18px 18px 0 0 !important;
background: #eef2f7 !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card img.img-fluid.rounded {
  display: block !important;
width: 100% !important;
height: 190px !important;
object-fit: cover !important;
border-radius: 18px 18px 0 0 !important;
background: #eef2f7 !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card p {
  font-size: 15px !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card-title {
  font-size: 22px !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client > .row.row-cols-1 {
  gap: 18px !important;
  }

}


/* @media (max-width: 900px) */

@media (max-width: 900px) {
 body[data-customer="true"] .search-illustration {
  padding: 64px 12px 32px;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] #geomap h3 {
  font-size: 22px;
line-height: 1.3;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] #values {
  padding-left: 40px !important;
padding-right: 40px !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] .card-text {
  font-size: 16px;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] .card-title {
  font-size: 22px;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] .cards-subtitle {
  font-size: 16px;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] .cards-title {
  font-size: 26px;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] .center-cards {
  padding: 24px 20px;
gap: 24px;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] .geographical-map {
  width: 100% !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] .search-illustration {
  padding: 64px 12px 32px;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] .search-title {
  font-size: 42px;
padding-top: 80px;
  }

}


/* @media (max-width: 960px) */

@media (max-width: 960px) {
 footer.sp-footer .sp-footer__content {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 2.75rem 2rem;
  }
 footer.sp-footer .sp-footer__intro {
  grid-column: 1 / -1;
max-width: 48ch;
  }

}


/* @media (max-width: 991.98px) */

@media (max-width: 991.98px) {
 body[data-customer="true"][data-controller="client_requests"][data-action="add_pictures"] #content.container-fluid {
  padding: 0 24px 32px !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard {
  padding: 8px 24px 0 !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="description"] #content .center-hero {
  flex-direction: column !important;
padding: 28px 20px !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="description"] #content .center-hero .col-md-4.p-4 {
  margin-top: 24px;
  }
 body[data-customer="true"][data-controller="sites"][data-action="description"] #content .center-hero .ratio {
  height: 260px !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="description"] #content .center-hero > .col-md-4 {
  flex: 0 0 100% !important;
max-width: 100% !important;
width: 100% !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="description"] #content .center-hero > .col-md-8 {
  flex: 0 0 100% !important;
max-width: 100% !important;
width: 100% !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="description"] #content .center-info-container {
  padding: 24px 20px !important;
  }

}


/* @media (max-width: 992px) */

@media (max-width: 992px) {
 body[data-customer="true"] #account_edit > .border {
  padding: 16px !important;
  }
 body[data-customer="true"] #account_edit h2.title {
  font-size: 1.75rem;
  }
 body[data-customer="true"] #contacts_agree_to_marketing_emails_0_cell {
  flex-wrap: wrap !important;
  }
 body[data-customer="true"] #contacts_agree_to_marketing_emails_0_cell > label {
  flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
margin-bottom: 8px !important;
  }
 body[data-customer="true"] #contact_account > .border {
  padding: 16px !important;
  }
 body[data-customer="true"] #contact_account h2.title {
  font-size: 1.65rem;
  }
 body[data-customer="true"] #contact_dashboard .text-center.mt-3 h2 {
  font-size: 1.9rem;
  }
 body[data-customer="true"] #counterparty_0_documents_cont .col-md-2 {
  margin-bottom: 10px;
  }
 body[data-customer="true"] #counterparty_0_documents_cont .col-md-3 {
  margin-bottom: 10px;
  }
 body[data-customer="true"] #counterparty_0_documents_cont .col-md-5 {
  margin-bottom: 10px;
  }
 body[data-customer="true"] #counterparty_0_global_view_cont > .nav-tabs {
  flex-wrap: wrap;
  }
 body[data-customer="true"] #open_client_requests_cont .img-fluid.rounded {
  min-height: 150px;
  }
 body[data-customer="true"] .action_buttons {
  display: flex;
flex-direction: column;
gap: 6px;
padding-inline: 16px;
margin-top: 24px;
  }
 body[data-customer="true"] .action_buttons .btn {
  width: 100%;
margin: 0 !important;
  }
 body[data-customer="true"] .action_buttons a.btn {
  width: 100%;
margin: 0 !important;
  }
 body[data-customer="true"] .action_buttons input.btn {
  width: 100%;
margin: 0 !important;
  }
 body[data-customer="true"] .content#container {
  padding: 20px 16px;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] .center-cards .card {
  min-height: 620px !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] .center-cards .card .card-img-top {
  height: 200px !important;
min-height: 200px !important;
max-height: 200px !important;
flex-basis: 200px !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="home_page"] .center-cards .card img.card-img-top {
  height: 200px !important;
min-height: 200px !important;
max-height: 200px !important;
flex-basis: 200px !important;
  }

}


/* @media (min-width: 768px) */

@media (min-width: 768px) {
 body[data-customer="true"] #business_document_0_form .row.g-1 {
  align-items: center;
  }
 body[data-customer="true"] #contacts_agree_to_marketing_emails_0_cell > .col-md-10 {
  display: flex;
align-items: center;
flex: 0 0 auto !important;
width: auto !important;
max-width: none !important;
padding-top: 0;
padding-bottom: 0;
  }
 body[data-customer="true"] #contact_67_form #contacts_first_name_67_cell > .col-md-10 {
  flex: 0 0 70%;
max-width: 70%;
  }
 body[data-customer="true"] #contact_67_form #contacts_gender_67_cell > .col-md-3 {
  flex: 0 0 240px;
max-width: 240px;
  }
 body[data-customer="true"] #contact_67_form #contacts_last_name_67_cell > .col-md-10 {
  flex: 0 0 70%;
max-width: 70%;
  }
 body[data-customer="true"] #contact_67_form #contacts_mobile_phone_67_cell > .col-md-10 {
  flex: 0 0 70%;
max-width: 70%;
  }
 body[data-customer="true"] #contact_67_form #contacts_office_phone_67_cell > .col-md-10 {
  flex: 0 0 70%;
max-width: 70%;
  }
 body[data-customer="true"] #contact_67_form .row > .col-md-10 {
  flex: 1 1 auto;
min-width: 0;
  }
 body[data-customer="true"] #contact_67_form .row > label.col-md-2 {
  flex: 0 0 165px !important;
width: 165px !important;
max-width: 165px !important;
padding-right: 12px;
margin-bottom: 0;
  }
 body[data-customer="true"] #contact_account #contacts_gender_67_cell .col-md-3.col-form-label > span {
  min-width: 160px;
  }
 body[data-customer="true"] #contact_account #contact_67_gender {
  display: inline-flex !important;
align-items: center;
width: auto !important;
min-width: 220px;
max-width: 520px;
min-height: 42px;
padding: 10px 14px;
  }
 body[data-customer="true"] #contact_account #counterparty_40_client_activity_id {
  display: inline-flex !important;
align-items: center;
width: auto !important;
min-width: 220px;
max-width: 520px;
min-height: 42px;
padding: 10px 14px;
  }
 body[data-customer="true"] #contact_account #counterparty_40_country_id {
  display: inline-flex !important;
align-items: center;
width: auto !important;
min-width: 220px;
max-width: 520px;
min-height: 42px;
padding: 10px 14px;
  }
 body[data-customer="true"] #contact_account #counterparty_40_main_contact {
  display: inline-flex !important;
align-items: center;
width: auto !important;
min-width: 220px;
max-width: 520px;
min-height: 42px;
padding: 10px 14px;
  }
 body[data-customer="true"] #contact_account .col-md-10.col-form-label > span {
  display: inline-flex !important;
align-items: center;
width: auto !important;
min-width: 220px;
max-width: 520px;
min-height: 42px;
padding: 10px 14px;
  }
 body[data-customer="true"] #contact_account .col-md-3.col-form-label > span {
  display: inline-flex !important;
align-items: center;
width: auto !important;
min-width: 220px;
max-width: 520px;
min-height: 42px;
padding: 10px 14px;
  }
 body[data-customer="true"] #contact_account .row > .col-md-10 {
  flex: 1 1 auto;
min-width: 0;
  }
 body[data-customer="true"] #contact_account .row > .col-md-3 {
  flex: 0 0 280px;
max-width: 280px;
  }
 body[data-customer="true"] #contact_account .row > label.col-md-2 {
  flex: 0 0 220px !important;
width: 220px !important;
max-width: 220px !important;
padding-right: 12px;
  }
 body[data-customer="true"] #contact_account span.aligned {
  display: inline-flex !important;
align-items: center;
width: auto !important;
min-width: 220px;
max-width: 520px;
min-height: 42px;
padding: 10px 14px;
  }
 body[data-customer="true"] #contact_account span[data-field] {
  display: inline-flex !important;
align-items: center;
width: auto !important;
min-width: 220px;
max-width: 520px;
min-height: 42px;
padding: 10px 14px;
  }
 body[data-customer="true"] #contact_account [id$="_cell"].row {
  display: flex;
align-items: center;
margin-bottom: 14px;
  }
 body[data-customer="true"] #contact_account [id$="_cell"].row > .col-md-10 {
  flex: 0 0 auto !important;
width: auto !important;
max-width: none !important;
  }
 body[data-customer="true"] #contact_account [id$="_cell"].row > .col-md-3 {
  flex: 0 0 auto !important;
width: auto !important;
max-width: none !important;
  }
 body[data-customer="true"] #contact_account [id$="_cell"].row > label.col-md-2 {
  flex: 0 0 185px !important;
width: 185px !important;
max-width: 185px !important;
padding-right: 12px;
margin-bottom: 0;
  }
 body[data-customer="true"] #counterparties_identification_cont_0 .row > .col-md-4 {
  flex: 0 0 250px !important;
width: 250px !important;
max-width: 250px !important;
  }
 body[data-customer="true"] #counterparties_identification_cont_0 .row > label {
  flex: 0 0 145px !important;
width: 145px !important;
max-width: 145px !important;
padding-right: 10px;
margin-bottom: 0;
  }
 body[data-customer="true"] #counterparties_primary_address_cont_0 .row > .col-md-10 {
  flex: 1 1 auto !important;
width: auto !important;
max-width: none !important;
  }
 body[data-customer="true"] #counterparties_primary_address_cont_0 .row > label {
  flex: 0 0 145px !important;
width: 145px !important;
max-width: 145px !important;
padding-right: 10px;
margin-bottom: 0;
  }
 body[data-customer="true"] #counterparties_vat_number_required_0_cell > .col-md-10 {
  display: flex;
align-items: center;
flex: 0 0 auto !important;
width: auto !important;
max-width: none !important;
padding-top: 0;
padding-bottom: 0;
  }
 body[data-customer="true"] #counterparties_vat_number_required_0_cell > label {
  flex: 0 0 170px !important;
width: 170px !important;
max-width: 170px !important;
padding-right: 10px;
  }
 body[data-customer="true"] #counterparty_0_form .row > div.col-md-4 {
  flex: 0 0 320px !important;
width: 320px !important;
max-width: 320px !important;
  }
 body[data-customer="true"] #counterparty_0_form .row > label.col-md-2 {
  flex: 0 0 220px !important;
width: 270px !important;
max-width: 270px !important;
  }
 body[data-customer="true"] #counterparty_0_form .row.mb-3 > div.col-md-4 {
  flex: 0 0 320px !important;
width: 320px !important;
max-width: 320px !important;
  }
 body[data-customer="true"] #counterparty_0_form .row.mb-3 > label.col-md-2 {
  flex: 0 0 220px !important;
width: 270px !important;
max-width: 270px !important;
  }
 body[data-customer="true"] #counterparty_0_form .row.required > div.col-md-4 {
  flex: 0 0 320px !important;
width: 320px !important;
max-width: 320px !important;
  }
 body[data-customer="true"] #counterparty_0_form .row.required > label.col-md-2 {
  flex: 0 0 220px !important;
width: 270px !important;
max-width: 270px !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="new"] #client_request_0_form .row.mb-3 > label {
  display: inline-flex !important;
align-items: center !important;
white-space: nowrap !important;
flex: 0 0 230px !important;
width: 230px !important;
max-width: 230px !important;
margin-bottom: 0 !important;
padding-right: 12px !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="new"] #client_request_0_form .row.required > .col-md-2 {
  flex: 0 0 260px !important;
width: 260px !important;
max-width: 260px !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="new"] #client_request_0_form .row.required > .col-md-4 {
  flex: 0 0 260px !important;
width: 260px !important;
max-width: 260px !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="new"] #client_request_0_form .row.required > label {
  display: inline-flex !important;
align-items: center !important;
white-space: nowrap !important;
flex: 0 0 230px !important;
width: 230px !important;
max-width: 230px !important;
margin-bottom: 0 !important;
padding-right: 12px !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="new"] #client_request_0_form .row.required > label::after {
  white-space: nowrap !important;
display: inline !important;
margin-left: 3px !important;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] .row.mb-3 {
  display: flex;
flex-wrap: nowrap;
align-items: center;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] .row.mb-3 > .col-md-10 {
  flex: 1 1 auto;
min-width: 0;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] .row.mb-3 > div {
  flex: 1 1 auto !important;
width: auto !important;
max-width: none !important;
min-width: 0;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] .row.mb-3 > label {
  flex: 0 0 230px !important;
width: 230px !important;
max-width: 230px !important;
margin-bottom: 0 !important;
padding-right: 12px;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] .row.mb-3 > label.col-md-2 {
  flex: 0 0 230px !important;
width: 230px !important;
max-width: 230px !important;
padding-right: 12px;
margin-bottom: 0;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] [id^="client_requests_"][id$="_cell"].row {
  display: flex;
flex-wrap: nowrap;
align-items: center;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] [id^="client_requests_"][id$="_cell"].row > .col-md-10 {
  flex: 1 1 auto;
min-width: 0;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] [id^="client_requests_"][id$="_cell"].row > .col-md-6 {
  flex: 1 1 auto;
min-width: 0;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] [id^="client_requests_"][id$="_cell"].row > div {
  flex: 1 1 auto !important;
width: auto !important;
max-width: none !important;
min-width: 0;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] [id^="client_requests_"][id$="_cell"].row > label {
  flex: 0 0 230px !important;
width: 230px !important;
max-width: 230px !important;
margin-bottom: 0 !important;
padding-right: 12px;
  }
 body[data-customer="true"][data-controller="client_requests"][data-action="show"] [id^="client_requests_"][id$="_cell"].row > label.col-md-2 {
  flex: 0 0 230px !important;
width: 230px !important;
max-width: 230px !important;
padding-right: 12px;
margin-bottom: 0;
  }

}


/* @media (min-width: 769px) */

@media (min-width: 769px) {
 body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card {
  height: 190px !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card .btn {
  width: 100% !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card .col-md-2.d-flex {
  width: 260px !important;
max-width: 260px !important;
height: 190px !important;
padding: 22px 20px !important;
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
justify-content: center !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card .col-md-2.d-flex.align-items-center {
  width: 260px !important;
max-width: 260px !important;
height: 190px !important;
padding: 22px 20px !important;
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
justify-content: center !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card .col-md-2:first-child {
  width: 220px !important;
max-width: 220px !important;
height: 190px !important;
padding: 0 !important;
overflow: hidden !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card .col-md-8 {
  width: 100% !important;
max-width: 100% !important;
height: 190px !important;
padding: 22px 24px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card > .row {
  display: grid !important;
grid-template-columns: 220px minmax(0, 1fr) 260px !important;
height: 190px !important;
min-height: 190px !important;
margin: 0 !important;
align-items: stretch !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card > .row.g-0 {
  display: grid !important;
grid-template-columns: 220px minmax(0, 1fr) 260px !important;
height: 190px !important;
min-height: 190px !important;
margin: 0 !important;
align-items: stretch !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card img.img-fluid {
  display: block !important;
width: 100% !important;
height: 190px !important;
object-fit: cover !important;
border-radius: 18px 0 0 18px !important;
background: #eef2f7 !important;
  }
 body[data-customer="true"][data-controller="sites"][data-action="all"] .sites-all-client .card img.img-fluid.rounded {
  display: block !important;
width: 100% !important;
height: 190px !important;
object-fit: cover !important;
border-radius: 18px 0 0 18px !important;
background: #eef2f7 !important;
  }

}


/* @media (min-width: 992px) */

@media (min-width: 992px) {
 body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #open_client_requests_cont .card .row.g-0 > .col-md-3 {
  min-height: 100% !important;
  }

}


/* @media (prefers-reduced-motion: reduce) */

@media (prefers-reduced-motion: reduce) {
 #contact_discussion * {
  transition: none !important;
  }
 #contact_discussion *::after {
  transition: none !important;
  }
 #contact_discussion *::before {
  transition: none !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard .tab-content .btn {
  transition: none !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard .tab-content .card {
  transition: none !important;
  }
 body[data-customer="true"][data-controller="contacts"][data-action="dashboard"] #contact_dashboard > .nav.nav-tabs .nav-link {
  transition: none !important;
  }
 footer.sp-footer * {
  transition: none !important;
  }
 footer.sp-footer *::after {
  transition: none !important;
  }
 footer.sp-footer *::before {
  transition: none !important;
  }

}


/* @supports */


    @supports ((-webkit-mask-image: url("/images/logo/logo_easypopup.svg")) or (mask-image: url("/images/logo/logo_easypopup.svg"))) {
            footer.sp-footer .sp-footer__logo {
    /* ↓ SEUL RÉGLAGE À AJUSTER : position de la césure entre les deux mots.
       Si un bout de « EASY » vire au corail, baisse à 43% ; s'il reste du
       blanc au début de « POPUP », monte à 47%. */
    --epu-logo-split: 45%;

    background: linear-gradient(
      90deg,
      #FFFFFF 0 var(--epu-logo-split),
      var(--epu-coral) var(--epu-logo-split) 100%
    );
    -webkit-mask: url("/images/logo/logo_easypopup.svg") no-repeat center / contain;
            mask: url("/images/logo/logo_easypopup.svg") no-repeat center / contain;
  }

  /* l'image sert uniquement à donner ses dimensions au bloc */
  footer.sp-footer .sp-footer__logo img { opacity: 0; filter: none; }
         }