.fi-ta-table td,
.fi-ta-table th ,
.fi-ta-table .px-3,
.fi-ta-table td .fi-ta-text{
    padding-top: 0.15rem !important;
    padding-bottom: 0.15rem !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;

}
/*.fi-ta-table {*/
/*    font-size: 0.85rem;*/
/*}*/

/*.fi-resource-relation-managers {*/
/*    display: none;*/
/*}*/

/*!* Стилі модалки *!*/
/*#notes-modal {*/
/*    display: none;*/
/*    position: fixed;*/
/*    top: 0; left: 0;*/
/*    width: 100%; height: 100%;*/
/*    background: rgba(0,0,0,0.6);*/
/*    z-index: 9999;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/

/*#notes-modal .modal-content {*/
/*    background: white;*/
/*    padding: 1.5rem;*/
/*    border-radius: 0.75rem;*/
/*    width: 90%;*/
/*    max-width: 1000px;*/
/*    max-height: 90%;*/
/*    overflow-y: auto;*/
/*}*/

.fi-resource-clients .fi-ta-header-toolbar{
    display: none;
}
.fi-resource-clients .fi-ta-header{
    padding: 0px;
}
.fi-resource-clients .fi-tabs:first-child{
    display: none;
}
#clientToolbar{
    padding: 0 10px;
}
#clientToolbar,#clientToolbar .fi-tabs{
    background:#0078D7;
}
#clientToolbar .fi-tabs {
    display: flex !important;
    border: 0;
    box-shadow: none;
}

#clientToolbar .fi-tabs .text-gray-700, #clientToolbar .fi-tabs-item-label{
    color: #fff;
}
#clientToolbar  .fi-tabs-item-active .fi-tabs-item-label,#clientToolbar .fi-tabs-item:hover .fi-tabs-item-label{
    color: rgb( 113, 113, 122);
}

#clientToolbar .fi-checkbox-input{
    background-color: #fff;
}
#clientToolbar .fi-checkbox-input:checked{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%2563eb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E");

}
#clientToolbar .fi-ac-btn-action{
    background: #ffff;
}
#clientToolbar .fi-ac-btn-action svg{
    color: #0078D7;
}

#clientToolbar .fi-ac-btn-action.fi-btn-color-danger svg{
    color: rgb(220, 38, 38);
}
.fi-resource-clients .fi-ta-actions{
    display: block;
    width: 100%!important;
}

.fi-resource-clients .fi-ta-actions .fi-ac-btn-action {
    display: none;
}
.fi-resource-clients .fi-resource-relation-manager .fi-ta-actions .fi-ac-btn-action {
    display: block;
}
.fi-resource-clients .fi-resource-relation-manager .fi-ta-header {
    padding: 10px;
}
.fi-resource-clients .fi-resource-relation-manager  .fi-ta-actions {
    display: flex;

    width: auto !important;
}
#clientToolbar .fi-ac-btn-action{
    display: block!important;
}

#clientToolbar .fi-tabs-item .fi-tabs-item-label{
    display: flex;
    align-items: center;
}

#clientToolbar .fi-tabs-item  .fi-badge{
    margin-left: 5px;
}
#clientToolbar .fi-input{
    min-width: 600px;
    width: 100%;
}

.link-primary{
    color: #0078D7;
}
#btn-primary {
    display: inline-block;
    width: 100%;
    padding: 0.5rem 1rem;
    font-weight: 600;
    color: #fff;
    background-color: #0078D7; /* синій */
    border-radius: 0.375rem;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
.fi-ta-table thead tr{
    background: #F0F0F0 !important
}
#btn-primary:hover {
    background-color: #1d4ed8; /* темніший синій */
}

#btn-primary:focus {
    outline: none;
    box-shadow: 0 0 0 2px #93c5fd;
}

.fi-section-content-ctn{
    background-color: #F0F0F0!important;
}


.fi-resource-clients .fi-fo-field-wrp > .grid > .flex {
    justify-content: flex-start !important;
}
.fi-resource-clients .fi-fo-field-wrp > .grid {
    grid-template-columns: 140px 1fr !important;
}
.fi-resource-clients .sm\:col-span-2{
    grid-column: span 1 / span 2;
}



.fi-resource-clients .fi-resource-relation-managers  .fi-ta-table table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed; /* щоб хедер і тіло вирівнювались */
}

.fi-resource-clients .fi-resource-relation-managers  .fi-ta-table thead {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.fi-resource-clients .fi-resource-relation-managers  .fi-ta-table tbody {
    display: block;
    max-height: 400px; /* тут задаєш потрібну висоту */
    overflow-y: auto;
    width: 100%;
}
.fi-resource-clients .fi-resource-relation-managers .fi-ta-table tbody::-webkit-scrollbar {
    width: 8px;
}

.fi-resource-clients .fi-resource-relation-managers .fi-ta-table tbody::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.fi-resource-clients .fi-resource-relation-managers .fi-ta-table tbody::-webkit-scrollbar-thumb {
    background: #0078D7;
    border-radius: 4px;
}

.fi-resource-clients .fi-resource-relation-managers .fi-ta-table tbody::-webkit-scrollbar-thumb:hover {
    background: #005a9e;
}
.fi-resource-clients .fi-resource-relation-managers .fi-ta-ctn{
    border-radius: 0;
}
.fi-resource-relation-managers  .fi-ta-header-heading {
    color: #fff;
}
.fi-resource-clients .fi-resource-relation-managers .fi-ta-table tbody {
    scrollbar-width: thin;
    scrollbar-color: #0078D7 #f1f1f1;
}
.fi-resource-relation-managers  .fi-ta-header  .fi-ta-actions button{
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
}
.fi-resource-clients .fi-resource-relation-managers .fi-ta-header{
    background: #0078D7!important
}
.fi-resource-clients .fi-resource-relation-managers  .fi-ta-table tbody tr {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.fi-resource-clients .fi-resource-relation-managers{
    margin-bottom: 0;
}
.form-custom .gap-6{
   gap: 0px!important;
}

.fi-input-wrp{
    border-radius: 0;
}

.fi-resource-clients  label[for="data.registered_at"],
.fi-resource-clients  label[for="data.status_id"],
.fi-resource-clients  label[for="data.industry_id"],
.fi-resource-clients  label[for="data.user_id"],
.fi-resource-clients  label[for="data.remind_at"]
{
    margin-left: 0.75rem;
}

.\[\&\:not\(\:has\(\.fi-ac-action\:focus\)\)\]\:focus-within\:ring-primary-600:focus-within:not(:has(.fi-ac-action:focus)) {
    --tw-ring-opacity: 1;
    --tw-ring-color: none;
}


.is-clients-resource .fi-topbar nav {
    background: #0078D7 !important;
}
.is-clients-resource .fi-topbar nav .fi-topbar-item-button{
    background: transparent;

}
.is-clients-resource .fi-topbar nav  span,
.is-clients-resource .fi-topbar nav a,
.is-clients-resource .fi-topbar nav svg,
.is-clients-resource .fi-topbar nav .fi-logo
{
    color: #fff !important;
}

.is-clients-resource .fi-topbar nav .fi-dropdown-list a,
.is-clients-resource .fi-topbar nav .fi-dropdown-list span,
.is-clients-resource .fi-topbar nav .fi-dropdown-list svg
{
    color: #000 !important;

}
.is-clients-resource section.flex.flex-col.gap-y-8.py-8{
    padding-top: 10px;
}
@media  (max-width: 1500px) {
    #clientToolbar .fi-input {
        min-width: 350px;
    }
}

@media  (max-width: 1380px) {
    #clientToolbar .fi-input {
        min-width: 350px;
    }
    #clientToolbar b {

    }
}

body.is-clients-resource {
    font-size: 12px;
    font-family: Verdana;
}

.is-clients-resource nav.h-16 {
    height: 36px;
}
.is-clients-resource .fi-topbar nav span,
.is-clients-resource .fi-topbar nav a,
.is-clients-resource .fi-logo {
    font-size: 12px;
}
.is-clients-resource .fi-avatar {
    max-width: 20px;
    height: auto;
    width: 100%;
}
.is-clients-resource .fi-form.grid.gap-y-6 .fi-section {
    border: 0;
    box-shadow: none;
    border-radius: 0;
}
.is-clients-resource .text-sm {
    font-size: 12px;
    font-weight: normal;
}
.is-clients-resource .fi-form.grid.gap-y-6 .p-6 {
    padding: 6px 19px;
}
.is-clients-resource .fi-form.grid.gap-y-6 .choices__inner,
.is-clients-resource .fi-form.grid.gap-y-6 textarea,
.is-clients-resource .fi-form.grid.gap-y-6 input {
    font-size: 12px !important;
    box-shadow: none;
    padding-bottom: 3px;
    padding-top: 3px;
    box-shadow: none;
    line-height: 1rem;
}
.is-clients-resource .flex.flex-col .choices__inner,
.is-clients-resource .flex.flex-col .sm\:leading-6 {
    line-height: 1rem;
}
.is-clients-resource .flex.flex-col .sm\:pt-1\.5 {
    padding-top: 0;
}
.is-clients-resource .fi-section-content.p-6 > div > div {
    margin-top: 1px;
}
.is-clients-resource .fi-section-content.p-6 > div > div:nth-child(13) {
    position: relative;
    left: calc(100% + 30px);
}
.is-clients-resource .fi-section-content.p-6 > div > div:nth-child(13) label {
    margin-left: 0.75rem;
}
.is-clients-resource .form-custom .gap-6 {
    gap: 0px 30px !important;
}
.is-clients-resource .fi-resource-clients .fi-resource-relation-manager .fi-ta-header {
    padding: 5px 10px;
}
.is-clients-resource .fi-btn.relative {
    border-radius: 0;
}
.is-clients-resource .fi-ta-actions .fi-btn.relative {
    padding: 4px 15px 5px 15px;
    font-size: 12px;
    line-height: 1;
    border-radius: 0;
    margin-right: 11px;
}
.is-clients-resource .fi-resource-relation-managers .fi-ta-header-heading {
    font-size: 14px;
}
.is-clients-resource .fi-form.grid.gap-y-6 .focus\:ring-0:focus, .focus\:ring-2:focus {
    box-shadow: none;
    --tw-ring-offset-shadow: none;
    --tw-ring-shadow: none;
    outline: none;
}
.is-clients-resource .fi-form.grid.gap-y-6 .leading-6 {
    line-height: 22px;
}
.is-clients-resource  .fi-form.grid.gap-y-6 .ring-gray-950\/10 {
    --tw-ring-color: #ABABAC;
}
.is-clients-resource  .fi-form.grid.gap-y-6 .\[\&\:not\(\:has\(\.fi-ac-action\:focus\)\)\]\:focus-within\:ring-primary-600:focus-within:not(:has(.fi-ac-action:focus)) {
    --tw-ring-color: transparent;
}
.is-clients-resource  .fi-form.grid.gap-y-6 .choices__list--dropdown,
.is-clients-resource  .fi-form.grid.gap-y-6 .choices__list[aria-expanded] {
    margin-top: -5px;
}
.table-col-content {
    width: 50%;
}

.fi-resource-relation-managers .fi-table-cell-occurred-at ,.fi-resource-relation-managers .fi-table-cell-occurred-at .fi-table-header-cell-user\.name {
    width: 150px;
}

.fi-resource-relation-managers .fi-table-cell-content {
    width: 72%;
    overflow: hidden;
}

.fi-resource-relation-managers .fi-ta-actions-cell {
    width: 80px;
}
.fi-resource-relation-managers .fi-table-header-cell-user\.name span{
    text-align: right;
    justify-content: center;
}
input[wire\:model*="organization"] {
    font-weight: bold !important;
}
table.fi-ta-table.w-full.table-auto.divide-y.divide-gray-200.text-start tr td:nth-child(3) span.fi-ta-text-item-label.text-sm.leading-6.text-gray-950 {
	white-space: normal;
	line-height: 1.3;
}
@media  (max-width: 1860px) {
	.fi-resource-relation-managers .fi-table-cell-content {
	    width: 70%;
	}
}

@media  (max-width: 1500px) {
	.fi-resource-relation-managers .fi-table-cell-content {
	    width: 65%;
	}
}
@media  (max-width: 1279px) {
	.fi-resource-relation-managers .fi-table-cell-content {
	    width: 60%;
	}
}

/** 28.04.2026 **/
.modalContainer {

}

.fi-modal-content.flex.flex-col.gap-y-4.py-6.px-6 {
    padding-top: 10px; 
    padding-bottom: 10px;
}

.fi-modal-content .fi-section-content.p-6 {
    padding: 6px 19px;
}
.fi-modal-content .fi-fo-component-ctn.gap-6 {
    gap: 0px 30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fi-modal-content .fi-fo-component-ctn.gap-6 > div {
    grid-column: span 1 / span 1;
    margin-top: 1px;
}
.fi-modal-content .fi-fo-component-ctn.gap-6 > div:nth-child(1),
.fi-modal-content .fi-fo-component-ctn.gap-6 > div:nth-child(2),
.fi-modal-content .fi-fo-component-ctn.gap-6 > div:last-child {
    grid-column: span 2 / span 2;
}
.fi-modal-content .fi-fo-component-ctn.gap-6 > div:nth-child(17) {
    position: relative;
    left: calc(100% + 30px);
}



.fi-modal-content .sm\:pt-1\.5 {
    padding-top: 0;
}
.fi-modal-content .text-sm {
    font-size: 12px;
    font-weight: normal;
    line-height: 22px;
}
.fi-modal-content select.fi-select-input,
.fi-modal-content input.fi-input {
    font-size: 12px !important;
    box-shadow: none;
    padding-bottom: 3px;
    padding-top: 3px;
    box-shadow: none;
    line-height: 1rem;
}
.fi-modal-footer .fi-modal-footer-actions.gap-3.flex.flex-wrap.items-center {
    -webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;
}
.fi-modal-footer .fi-modal-footer-actions.gap-3.flex.flex-wrap.items-center button {
    border-radius: 0;
    font-size: 12px;
    font-weight: normal;
}
.fi-modal-content .ring-gray-950\/5 {
    box-shadow: none;
}
/** END 28.04.2026 **/