/* ===== MODALE CAGNOTTE (Bootstrap 3 compatible) ===== */
.cagnotte-modal .modal-content {
    background: linear-gradient(180deg, #0b2c4a, #06213a);
    border-radius: 16px;
    color: #dcefff;
    box-shadow: 0 30px 80px rgba(0,0,0,.6);
    border: 1px solid #1f5f87;
    padding: 20px 10px;
}

.cagnotte-modal .modal-header {
    border-bottom: none;
}

.cagnotte-modal .modal-title {
    font-size: 22px;
    font-weight: 600;
    text-transform: none;
    margin-bottom: 10px;
}

.cagnotte-modal .modal-title svg {
    color: #3ddce2;
}

.cagnotte-modal .subtitle {
    font-size: 14px;
    color: #9ccdf3;
    margin-top: 4px;
}

.cagnotte-modal .close {
    color: #9ccdf3;
    opacity: 1;
    font-size: 22px;
}

/* Summary */
.cagnotte-summary {
    background: linear-gradient(180deg, #0e4b67, #0a3c57);
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    margin-bottom: 20px;
}

.cagnotte-summary .amount {
    font-size: 36px;
    font-weight: 700;
    color: #3fe3e8;
    margin: 7px 0px;
}

.cagnotte-summary .contributors {
    font-size: 14px;
    color: #bfeaf1;
    text-align: center !important;
    width: 100% !important;
}

/* Progress */
.cagnotte-modal .progress {
    height: 8px;
    background: #0a2f45;
    border-radius: 10px;
    margin: 10px 0 6px;
}

.cagnotte-modal .progress-bar {
    background: linear-gradient(90deg, #2ee6c8, #3aa8ff);
}

.cagnotte-modal .progress-meta {
    font-size: 12px;
    color: #9ccdf3;
    display: flex;
    justify-content: space-between;
}

/* Objectives */
.cagnotte-modal .objectives h4 {
    margin-bottom: 12px;
    text-transform: none;
}

.cagnotte-modal .objective {
    border: 1px solid #1f5f87;
    border-radius: 12px;
    padding: 14px;
    margin-bottom: 10px;
}

.cagnotte-modal .objective.active {
    border-color: #2ee6c8;
    background: rgba(46,230,200,.08);
}

.cagnotte-modal .objective.objective-selectable:hover {
    border-color: #2ee6c8;
}

.cagnotte-modal .objective.disabled {
    opacity: .45;
}

.cagnotte-modal .objective .price {
    font-weight: 600;
    color: #3fe3e8;
}

.cagnotte-modal .objective p {
    font-size: 13px;
    margin: 6px 0 0;
    display: -webkit-box; /* Obligatoire pour les navigateurs WebKit/Blink */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* Limite à 2 lignes */
    overflow: hidden; /* Cache le texte qui dépasse */
    text-overflow: ellipsis; /* Ajoute les points de suspension */
    height: 40px;
}

/* Donation */
.cagnotte-modal .amount-buttons .btn {
    background: #082b45;
    border: 1px solid #1f5f87;
    color: #dcefff;
    border-radius: 10px;
}

.amount-buttons .btn:hover , .amount-buttons .btn.active {
    border-color: #2ee6c8;
}

.cagnotte-modal .custom-amount input {
    background: #082b45;
    border: 1px solid #1f5f87;
    color: #fff;
}

/* .cagnotte-modal .custom-amount .btn-primary {
    /*background: linear-gradient(90deg, #2ee6c8, #3aa8ff);*/
    border: none;
    color: #002a3a;
    font-weight: 600;
    border-radius: 10px;
    background-image: linear-gradient(to right, rgba(32, 223, 223, 0.2), rgba(66, 225, 240, 0.2));
} */

.cagnotte-modal .secure {
    margin-top: 12px;
    font-size: 12px;
    color: #9ccdf3;
    text-align: center;
}

.cagnotte-modal.in {
    z-index: 999999;
}

.cagnotte-modal .objective-container , .cagnotte-modal .objective-container-add {
    padding: 10px;
}

.cagnotte-modal .row-eq-height {
    display: flex;
    flex-wrap: wrap;
}

.menu-finance-select2 .select2-results__option {
    padding: 10px;
}

.menu-finance-select2.project-option {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 2px solid #656565;
    padding: 5px;
    border-radius: 5px;
}

.menu-finance-select2 .project-info {
    max-width: 70%;
}

.menu-finance-select2 .project-title {
    font-weight: bold;
    font-size: 14px;
}

.menu-finance-select2 .project-meta {
    font-size: 12px;
    color: #777;
}

.menu-finance-select2 .project-finance {
    text-align: right;
    min-width: 140px;
}

.menu-finance-select2 .project-finance .amount {
    font-size: 12px;
}

.menu-finance-select2 .progress {
    height: 6px;
    margin-bottom: 0;
}

.menu-finance-select2:hover .project-meta , .menu-finance-select2:hover .project-finance , .menu-finance-select2:hover .project-meta {
    color: #f5f5f5 !important;
}

@media (min-width: 768px) {
    .cagnotte-modal .modal-dialog {
        /*width: 700px;*/
        margin: 30px auto;
    }
}

.menu-finance-select + .select2-container .select2-choice {
    background-color: #2c3e50;
    border-color: #dcdcdc;
}

.cagnotte-modal .cagnotte-text {
    color : #94c2d1;
}

.cagnotte-text.contributors {
    font-size: 15px;
}

.cagnotte-text.contributors svg {
    width: 15px;
    height: 15px;
    vertical-align: text-top;
}

.cagnotte-modal .modal-title svg {
    width: 30px;
    height: 30px;
    vertical-align: sub;
}

#s2id_menuFinanceProjectlist .select2-choice {
    background-color: #0a2a47 !important;
    color: #fff;
    font-weight: bold;
    border: 1px solid #3fe3e8;
    border-radius: 10px;
    font-size: 15px;
}

.menuFinanceProjectlistcontainter {
    display: flex;
    width: 80%;
}

.saveprojectmenu {
    margin-left: 10px;
}

.no-project-modal .modal-content {
    background: linear-gradient(180deg, #0b2c4a, #06213a);
    border-radius: 16px;
    border: none;
    color: #dcefff;
    text-align: center;
    box-shadow: 0 30px 80px rgba(0,0,0,.6);
}

.no-project-modal .modal-header {
border-bottom: none;
}

.no-project-modal .close {
color: #9ccdf3;
opacity: 1;
}

.no-project-icon {
font-size: 46px;
margin-bottom: 10px;
color: #3fe3e8;
}

.no-project-title {
font-size: 20px;
font-weight: 600;
}

.no-project-text {
margin-top: 10px;
font-size: 14px;
color: #bfeaf1;
}

.no-project-actions {
margin-top: 20px;
}

.no-project-actions .btn-primary {
background: linear-gradient(90deg, #2ee6c8, #3aa8ff);
border: none;
color: #002a3a;
font-weight: 600;
border-radius: 10px;
}

.no-project-actions .btn-default {
background: transparent;
border: 1px solid #1f5f87;
color: #dcefff;
border-radius: 10px;
}

.callconfig-modal .modal-content {
    background: linear-gradient(180deg, #0b2c4a, #06213a);
    border-radius: 16px;
    border: none;
    color: #dcefff;
    box-shadow: 0 30px 80px rgba(0,0,0,.6);
  }
  
  .callconfig-modal .modal-header {
    border-bottom: none;
  }
  
  .callconfig-modal .close {
    color: #9ccdf3;
    opacity: 1;
  }
  
  .callconfig-icon {
    font-size: 42px;
    color: #3fe3e8;
    margin-bottom: 12px;
  }
  
  .callconfig-title {
    font-size: 20px;
    font-weight: 600;
  }
  
  .callconfig-text {
    margin-top: 8px;
    font-size: 14px;
    color: #bfeaf1;
  }
  
  .callconfig-actions {
    margin-top: 18px;
  }
  
  .callconfig-actions .btn-primary {
    background: linear-gradient(90deg, #2ee6c8, #3aa8ff);
    border: none;
    color: #002a3a;
    font-weight: 600;
    border-radius: 10px;
  }
  
  .callconfig-actions .btn-default {
    background: transparent;
    border: 1px solid #1f5f87;
    color: #dcefff;
    border-radius: 10px;
  }

  .menuFinanceProjectlistcontainter .fm_createproject , .menuFinanceProjectlistcontainter .fm_externalLink {
    margin-left: 10px;
  }

  .menuFinanceProjectlistcontainter button {
    color: #3fe3e8;
  }

  .finance-disabled-modal .modal-body {
    text-align: center;
  }
  
  .finance-disabled-icon {
    font-size: 42px;
    color: #3fe3e8;
    margin-bottom: 12px;
  }
  
  .finance-disabled-title {
    font-size: 20px;
    font-weight: 600;
  }
  
  .finance-disabled-text {
    margin-top: 8px;
    font-size: 14px;
    color: #bfeaf1;
  }
  
  .finance-disabled-actions {
    margin-top: 18px;
  }
  
  .finance-disabled-actions .btn-primary {
    background: linear-gradient(90deg, #2ee6c8, #3aa8ff);
    border: none;
    color: #002a3a;
    font-weight: 600;
    border-radius: 10px;
  }
  
  .finance-disabled-actions .btn-default {
    background: transparent;
    border: 1px solid #1f5f87;
    color: #dcefff;
    border-radius: 10px;
  }

  #fm_inputposte , #fm_inputprice {
    margin-bottom: 10px;
  }

  .fm_externalLink {
      margin-right: 10px;
   /* position: absolute;
    top: 20px;
    right: 30px;*/
  }

  .objective-selectable {
      cursor: pointer;
  }

/* ===== MODALE FINANCEMENT ===== */
.cagnotte-modal.payment-modal .modal-content {
    background: linear-gradient(180deg, #0b2c4a, #06213a);
    border-radius: 16px;
    border: none;
    color: #dcefff;
    box-shadow: 0 30px 80px rgba(0,0,0,.6);
}

.cagnotte-modal.payment-modal .modal-header {
    border-bottom: none;
}

.cagnotte-modal.payment-modal .close {
    color: #9ccdf3;
    opacity: 1;
}

.cagnotte-modal .payment-title {
    font-size: 20px;
    font-weight: 600;
}

.cagnotte-modal .payment-subtitle {
    font-size: 14px;
    color: #9ccdf3;
    margin-top: 4px;
}

/* Amount */
.cagnotte-modal .payment-amount {
    margin: 16px 0;
}

.cagnotte-modal .payment-amount input {
    background: #082b45;
    border: 1px solid #1f5f87;
    color: #fff;
}

/* Payment methods */
.cagnotte-modal .payment-methods {
    margin-top: 12px;
}

.cagnotte-modal .payment-method {
    border: 1px solid #1f5f87;
    border-radius: 12px;
    padding: 12px;
    cursor: pointer;
    margin-bottom: 10px;
}

.cagnotte-modal .payment-method.active {
    border-color: #2ee6c8;
    background: rgba(46,230,200,.08);
}

.cagnotte-modal .payment-method input {
    margin-right: 8px;
}

.cagnotte-modal .payment-method-label {
    font-weight: 600;
    cursor: pointer;
}

.cagnotte-modal .payment-method-desc {
    font-size: 12px;
    color: #bfeaf1;
}

/* Identity */
.cagnotte-modal .payment-identity {
    margin-top: 16px;
    border-top: 1px solid #1f5f87;
    padding-top: 12px;
}

.cagnotte-modal .payment-identity label {
    font-weight: normal;
}

/* Actions */
.cagnotte-modal .payment-actions {
    margin-top: 18px;
}

.cagnotte-modal .btn-primary {
    background: linear-gradient(90deg, #2ee6c8, #3aa8ff);
    border: none;
    color: #002a3a;
    font-weight: 600;
    border-radius: 10px;
}

.cagnotte-modal .btn-default {
    background: transparent;
    border: 1px solid #1f5f87;
    color: #dcefff;
    border-radius: 10px;
}

.cagnotte-modal .payment-secure {
    margin-top: 10px;
    font-size: 12px;
    color: #9ccdf3;
    text-align: center;
}

.fundchoice-container {
    background: white;
    border-radius: 12px;
    /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); */
    padding: 30px;
    /* width: 50%; */
    /* max-width: 520px; */
    text-align: center;
}

.fundchoice-title {
    color: #0077b6;
    margin-bottom: 30px;
    font-size: 15px;
}

.fundchoice-choicecard-container {
    gap: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.fundchoice-card {
    width: 100%;
    background: #f8f9fa;
    border: 2px solid #e9ecef;
    border-radius: 10px;
    padding: 10px 20px;
    margin: 10px 0;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    text-align: left;
}
.fundchoice-card.fundchoice-active {
    background: #e3f2fd;
    border-color: #0077b6;
}
.fundchoice-card .fundchoice-icon {
    background: #e3f2fd;
    color: #0077b6;
    width: 40px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}
.fundchoice-card h3 {
    margin: 0;
    color: #333;
}
.fundchoice-card p {
    margin: 5px 0 0;
    color: #666;
    font-size: 12px;
}

/* Sélecteur moderne */
.fundchoice-orgselector {
    position: relative;
    margin-top: 20px;
    text-align: left;
}
.fundchoice-orgselector input {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 16px;
    outline: none;
    transition: all 0.2s ease;
}
.fundchoice-orgselector input:focus {
    border-color: #0077b6;
    box-shadow: 0 0 0 2px rgba(0,119,182,0.2);
}
.fundchoice-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    margin-top: 6px;
    max-height: 200px;
    overflow-y: auto;
    display: none;
    z-index: 10;
}
.fundchoice-item {
    padding: 10px 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: background 0.2s ease;
}
.fundchoice-item:hover {
    background: #f1f9ff;
}
.fundchoice-item img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    margin-right: 10px;
}

.fundchoice-btn {
    background: #0077b6;
    color: white;
    border: none;
    padding: 12px 10px;
    border-radius: 6px;
    font-size: 12px;
    cursor: pointer;
    width: 100%;
    transition: background 0.3s;
    margin-top: 10px;
}

.fundchoice-btn:disabled {
    background: #cccccc;
    cursor: not-allowed;
}
.fundchoice-btn:hover:not(:disabled) {
    background: #025a8a;
}
.fundchoice-hidden {
    display: none;
}

span.fundchoice-card-title {
    font-size: 12px;
    font-weight: bold;
}




.fundchoice-orga-card {
    padding: 14px;
    border: 2px solid #0077b6;
    border-radius: 10px;
    background: #e3f2fd;
}

.fundchoice-orga-option-box{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,0.02);cursor:pointer}
.fundchoice-orga-option-box:hover{transform:translateY(-2px);transition:all .18s}
.fundchoice-orga-option-box.fundchoice-orga-selected{outline:2px solid rgba(96,165,250,0.14);box-shadow:0 6px 18px rgba(2,6,23,0.55)}

.fundchoice-orga-avatar{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--accent-2),var(--accent));display:flex;align-items:center;justify-content:center;font-weight:700;color:#02111b}
.fundchoice-orga-meta{flex:1}
.fundchoice-orga-meta .fundchoice-orga-name{font-weight:600}
.fundchoice-orga-meta .fundchoice-orga-sub{color:#505050;font-size:13px}

.fundchoice-orga-org-list {
    width: 100%;
    display: inline-flex;
    overflow-y: auto;
    gap: 10px;
}

.fundchoice-orga-org-card {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border-radius: 10px;
    background: white;
    cursor: pointer;
    margin-bottom: 5px;
    height: 80px;
    width: fit-content;
}

.fundchoice-orga-org-card.active {
    background-color: #cae0d0 !important;
    border: 1px solid #34a853 !important;
}

.fundchoice-orga-org-card .fundchoice-orga-info{width: max-content;}
.fundchoice-orga-org-card small{display:block}

.fundchoice-orga-search{display:flex;gap:10px;margin-bottom:10px}

.fundchoice-orga-search button{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,0.03);background:linear-gradient(90deg,var(--accent-2),var(--accent));color:#02111b;font-weight:700;cursor:pointer}

.fundchoice-orga-footer-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}
.fundchoice-orga-btn{padding:10px 14px;border-radius:10px;border:none;cursor:pointer}
.fundchoice-orga-btn.fundchoice-orga-ghost{background:transparent;border:1px solid rgba(255,255,255,0.04);color:#505050}
.fundchoice-orga-btn.fundchoice-orga-primary{background:linear-gradient(90deg,var(--accent-2),var(--accent));color:#02111b;font-weight:700}

/* Selected org pill */
.fundchoice-orga-selected-pill{display:flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.02);}
.fundchoice-orga-pill-avatars{display:flex;align-items:center;gap:-8px}
.pill-avatars img{width:34px;height:34px;border-radius:8px;border:2px solid var(--card)}
.fundchoice-orga-pill-name{font-weight:600}

.cagnotte-modal .fundchoice-card {
    background: transparent !important;
    border-width: 1px;
}

.cagnotte-modal .fundchoice-card.fundchoice-active {
    border-width: 2px;
}

.no-payment-title {
    font-size: 20px;
    font-weight: 600;
}

.no-payment-text {
    margin-top: 8px;
    font-size: 14px;
    color: #bfeaf1;
}

#mf-cardStripe {
    background-color: #fff !important;
}

/* ===== OBJECTIF : MONTANT PAYE ===== */
.objective-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.objective-header .price {
    font-weight: 600;
    color: #3fe3e8;
}

.objective-header .paid {
    font-size: 12px;
    color: #bfeaf1;
}

.objective-progress {
    margin-top: 10px;
}

.objective-progress .progress {
    height: 6px;
    background: #0a2f45;
    border-radius: 10px;
    margin-bottom: 6px;
}

.objective-progress .progress-bar {
    background: linear-gradient(90deg, #2ee6c8, #3aa8ff);
}

.objective-meta {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: #9ccdf3;
}

#mf-cardStripe input{
    color: #b83030 !important;
}

.cagnotte-modal .fundchoice-orga-card {
    background: transparent !important;
}

.cagnotte-modal .fundchoice-orga-org-card {
    background-color: #cae0d029 !important;
}

.cagnotte-modal .fundchoice-orga-org-card.active {
    border: 1px solid #34a853 !important;
}

.obj_en_fin_label {
    cursor: pointer;
}

.obj_en_fin_label:hover {
    color: #0a4b3e;
}

.lucide.lucide-piggy-bank {
    margin-right: 10px !important;
}

.mf-project-option {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    margin: 6px 0;
    border-radius: 10px;
    border: 2px solid #d9edf7;
    background: #f7fbff;
    transition: all .15s ease;
}

.select2-results__option:hover .mf-project-option {
    background: #e3f4ff;
    border-color: #9fd6f2;
}

.select2-results__option--highlighted .mf-project-option {
    background: #cfeeff;
    border-color: #4fc3f7;
    box-shadow: 0 0 0 2px rgba(79,195,247,.35);
}

.select2-results__option[aria-selected="true"] .mf-project-option {
    background: #039be5;
    border-color: #0288d1;
    color: #fff;
}

.mf-project-active .mf-project-funded {
    font-size: 16px;
    font-weight: 700;
    color: #7CFC98;
}

.mf-project-active .mf-project-covered {
    font-size: 13px;
    opacity: .9;
}

.mf-project-disabled {
    background: #ffffff;
    border-color: #777;
    color: #777;
}

.mf-project-disabled .mf-project-progress,
.mf-project-disabled .mf-project-funded,
.mf-project-disabled .mf-project-covered {
    display: none;
}

.mf-project-progress {
    margin-top: 6px;
}

.mf-project-progress .progress {
    height: 6px;
    margin-bottom: 0;
    background: rgba(255,255,255,.4);
}

.mf-project-progress .progress-bar {
    background: linear-gradient(90deg, #2ee6c8, #7CFC98);
}

.mf-project-left {
    flex: 1;
    padding-right: 10px;
}

.mf-project-right {
    text-align: right;
    min-width: 110px;
}

.mf-project-title {
    font-size: 16px;
    font-weight: 600;
}

.mf-project-meta {
    font-size: 13px;
    opacity: .9;
}

.mf-muted {
    color: #777;
}

.mf-project-option {
    background: linear-gradient(180deg, #0d3b5e, #082b45);
    border: 1px solid #1f5f87;
    color: #eaf6ff;
}

.select2-results li:hover > .select2-result-label {
    background: transparent;
}

.select2-results li:hover .mf-project-option {
    background: linear-gradient(180deg, #134b73, #0b3554);
    border-color: #2ee6c8;
}

.select2-results .select2-highlighted .mf-project-option {
    background: linear-gradient(180deg, #134b73, #0b3554);
    border-color: #2ee6c8;
    box-shadow: inset 0 0 0 1px rgba(46,230,200,.6);
}

.select2-results li[aria-selected="true"] .mf-project-option,
.select2-results .select2-selected .mf-project-option {
    background: linear-gradient(180deg, #0f4c75, #0a3a5e);
    border-color: #2ee6c8;
}

.select2-results .select2-result-label {
    background: transparent !important;
    color: inherit;
    padding: 0;
}

.mf-project-title {
    color: #ffffff;
}

.mf-project-meta {
    color: #9ccdf3;
}

.mf-project-funded {
    color: #2ee6c8;
    font-weight: 700;
}

.mf-project-covered {
    color: #7fdff0;
}

.mf-project-disabled {
    background: linear-gradient(180deg, #0a2a42, #071f33);
    border-color: #1f5f87;
    opacity: .6;
}

.mf-project-disabled .mf-project-funded,
.mf-project-disabled .mf-project-covered,
.mf-project-disabled .mf-project-progress {
    display: none;
}

.select2-drop {
    background: #0c4662;
}

.modalAction.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(4px);
    z-index: 1000;
    align-items: center;
    justify-content: center;
    animation: fadeIn 0.2s ease-out;
}

.modalAction.modal-overlay.active {
    display: flex;
}

.modalAction .modal-container {
    background: var(--background);
    /*border: 1px solid var(--border);*/
    border-radius: calc(var(--radius) * 1.5);
    width: 90%;
    max-width: 600px;
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    animation: slideUp 0.3s ease-out;
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modalAction .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc(var(--spacing) * 5);
    border-bottom: 1px solid var(--border);
    background: var(--background);
}

.modalAction .modal-title-section {
    /*display: flex;*/
    align-items: center;
    gap: calc(var(--spacing) * 2);
    width: 100%;
    text-align: center;
}

.modalAction label {
    color: #fff;
}

.modalAction .form-control , .modalAction input {
    background-color: var(--background) !important;
    border: 1px solid var(--input) !important;
    color: #fff !important;
    padding: 6px 12px !important;
    font-size: 14px;
    height: 40px;
    border-radius: calc(var(--radius) - 2px) !important;
}

.modalAction .form-control:focus , .modalAction input:focus {
    border: 2px solid var(--primary) !important;
    outline: none !important;
}

.modalAction .select2-container-multi .select2-choices {
    background-color: var(--background) !important;
}

.modalAction button {
    background: #20dfdf;
    border: none;
    color: #001f3d;
    border-radius: 8px;
    padding: 0.8rem 1.5rem;
    font-size: 1.6rem;
    cursor: pointer;
}

.modalAction .form-group {
    margin: 15px;
}

.modalAction .modal-title-section svg {
    color: var(--primary);
}

.modalAction .modal-title-section h2 {
    font-size: 1.8rem;
    font-weight: 600;
    /*color: var(--foreground);*/
    color: #fff;
    margin: 0;
    text-transform: none;
}

.modalAction .modalAction zmodal-close {
    background: transparent;
    border: none;
    color: var(--muted-foreground);
    cursor: pointer;
    padding: calc(var(--spacing) * 1);
    border-radius: calc(var(--radius) / 2);
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modalAction .modalAction .modal-close:hover {
    background: var(--sidebar-accent);
    color: var(--foreground);
}

.modalAction .modal-body {
    padding: calc(var(--spacing) * 5);
    overflow-y: auto;
    flex: 1;
}

.modalAction .modal-field {
    margin-bottom: calc(var(--spacing) * 4);
}

.modalAction .modal-label {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: 1.4rem;
    font-weight: 500;
    color: var(--foreground);
    margin-bottom: calc(var(--spacing) * 2);
}

.modalAction .modal-label svg {
    color: var(--muted-foreground);
}

.modalAction .modal-input,
.modalAction .modal-select,
.modalAction .modal-textarea {
    width: 100%;
    background: var(--muted);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: calc(var(--spacing) * 2.5) calc(var(--spacing) * 3);
    color: var(--foreground);
    font-size: 1.4rem;
    transition: all 0.2s;
    font-family: inherit;
}

.modalAction .modal-input:focus,
.modalAction .modal-select:focus,
.modalAction .modal-textarea:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 2px rgba(234, 72, 86, 0.15);
}

.modalAction .modal-input::placeholder,
.modalAction .modal-textarea::placeholder {
    color: var(--muted-foreground);
}

.modalAction .modal-textarea {
    resize: vertical;
    min-height: 80px;
}

/* Priority Select with Color Indicator */
.modalAction .priority-select {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6' cy='6' r='3' fill='%23ef4444'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right calc(var(--spacing) * 3) center;
    padding-right: calc(var(--spacing) * 8);
}

.modalAction .modal-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: calc(var(--spacing) * 3);
    margin-bottom: calc(var(--spacing) * 4);
}

.modalAction .subtasks-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: calc(var(--spacing) * 3);
}

.modalAction .subtasks-progress {
    flex: 1;
    height: 4px;
    background: var(--border);
    border-radius: 2px;
    margin-left: calc(var(--spacing) * 3);
    overflow: hidden;
}

.modalAction .subtasks-progress-bar {
    height: 100%;
    background: var(--primary);
    border-radius: 2px;
    transition: width 0.3s ease;
}

.modalAction .subtasks-list {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    margin-bottom: calc(var(--spacing) * 3);
}

.modalAction .subtask-item {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 2);
    background: var(--muted);
    border-radius: var(--radius);
    cursor: pointer;
    transition: background 0.2s;
}

.modalAction .subtask-item:hover {
    background: var(--sidebar-accent);
}

.modalAction .subtask-checkbox {
    width: 16px;
    height: 16px;
    border: 1.5px solid var(--border);
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.modalAction .subtask-checkbox.checked {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
}

.modalAction .subtask-text {
    font-size: 1.4rem;
    color: var(--foreground);
    flex: 1;
}

.modalAction .subtask-text.completed {
    text-decoration: line-through;
    color: var(--muted-foreground);
}

.modalAction .add-subtask {
    display: flex;
    gap: calc(var(--spacing) * 2);
}

.modalAction .add-subtask-input {
    flex: 1;
    background: var(--muted);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
    color: var(--foreground);
    font-size: 1.3rem;
    transition: all 0.2s;
}

.modalAction .add-subtask-input:focus {
    outline: none;
    border-color: var(--primary);
}

.modalAction .add-subtask-btn {
    background: var(--primary);
    border: none;
    border-radius: var(--radius);
    padding: calc(var(--spacing) * 2);
    color: white;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modalAction .add-subtask-btn:hover {
    background: var(--accent);
    transform: scale(1.05);
}

.modalAction .candidates-section {
    background: var(--muted);
    border-radius: var(--radius);
    padding: calc(var(--spacing) * 3);
    margin-bottom: calc(var(--spacing) * 2);
}

.modalAction .candidate-item {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    margin-bottom: calc(var(--spacing) * 2);
}

.modalAction .candidate-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: 600;
    color: white;
}

.modalAction .candidate-name {
    font-size: 1.4rem;
    color: var(--foreground);
    font-weight: 500;
}

.modalAction .candidate-tags {
    display: flex;
    gap: calc(var(--spacing) * 2);
    flex-wrap: wrap;
}

.modalAction .candidate-tag {
    padding: 4px 10px;
    border-radius: calc(var(--radius) / 2);
    font-size: 1.2rem;
    font-weight: 500;
}

.modalAction .candidate-tag.tag-red {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
}

.modalAction .candidate-tag.tag-green {
    background: rgba(16, 185, 129, 0.15);
    color: #10b981;
}

.modalAction .view-all-btn {
    width: 100%;
    background: transparent;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: calc(var(--spacing) * 2);
    color: var(--foreground);
    font-size: 1.3rem;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 1);
}

.modalAction .view-all-btn:hover {
    background: var(--muted);
    border-color: var(--primary);
    color: var(--primary);
}

.modalAction .modal-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc(var(--spacing) * 5);
    border-top: 1px solid var(--border);
    background: var(--muted);
}

.modalAction .modal-footer-right {
    display: flex;
    gap: calc(var(--spacing) * 2);
}

.modalAction .modal-btn-primary,
.modalAction .modal-btn-secondary {
    padding: calc(var(--spacing) * 2.5) calc(var(--spacing) * 5);
    border-radius: var(--radius);
    font-size: 1.4rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    border: none;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
}

.modalAction .modal-btn-primary {
    background: var(--primary);
    /*color: white;*/
}

.modalAction .modal-btn-primary:hover {
    background: var(--accent);
    transform: translateY(-1px);
    box-shadow: var(--shadow-md);
}

.modalAction .modal-btn-secondary {
    background: transparent;
    color: var(--foreground);
    border: 1px solid var(--border);
}

.modalAction .modal-btn-secondary:hover {
    background: var(--sidebar-accent);
    border-color: var(--primary);
}

.modalAction #deleteAction {
    color: #ef4444;
}

.modalAction #deleteAction:hover {
    background: rgba(239, 68, 68, 0.1);
    border-color: #ef4444;
}

.modalAction button:disabled {
    background: #5F6571FF !important;
    cursor: not-allowed !important;
}

.stat-users {
    margin-top: 12px;
}

.stat-users .avatars {
    display: flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    padding-bottom: 4px;
}

.stat-users .avatars::-webkit-scrollbar {
    height: 4px;
}
.stat-users .avatars::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.2);
    border-radius: 2px;
}

.stat-users .avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #0fb9b1;
    color: #002b3a;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    cursor: pointer;
    border: 2px solid rgba(255,255,255,0.15);
}

.stat-users .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.stat-users .avatar-more {
    background: rgba(255,255,255,0.15);
    color: #fff;
}

.stat-users [role~="tooltip"][aria-label*="<br>"]::after {
    white-space: pre-line;
    text-align: left;
}

/* Avatars */
.stat-users .avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    cursor: pointer;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stat-users .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.stat-users .avatar-more {
    font-size: 12px;
    font-weight: 600;
}

#projectModal-btnProjectStep {
    z-index: 99999999999;
}

#projectModal-btnProjectStep .step-indicator{
   width:50px;
   height:6px;
   background:rgba(255,255,255,0.15);
   border-radius:10px;
   transition:all .4s ease;
}

#projectModal-btnProjectStep .step-indicator.active{
   background:#20dfdf;
   box-shadow:0 0 10px rgba(32,223,223,.8);
}

#projectModal-btnProjectStep .step {
   display: none;
   animation: fadeSlide .35s ease;
}

#projectModal-btnProjectStep #modalStepTitle {
   text-transform: none;
}

@keyframes fadeSlide {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

#projectModal-btnProjectStep .modal-dialog {
   margin: 120px auto;
}

#projectModal-btnProjectStep .modal-content  {
   background-color: var(--background);
}

#projectModal-btnProjectStep .form-group label,
#projectModal-btnProjectStep .form-group .listEntry h6 {
  color: #fff;
}

#projectModal-btnProjectStep .form-group label i {
   color: #2273c3;
}
#projectModal-btnProjectStep #type, #projectModal-btnProjectStep #role, #projectModal-btnProjectStep .formLocalityformLocality select {
   min-height: 40px!important;
   border-radius: calc(var(--radius) - 2px);
   padding-left: 12px;
   font-size: 14px;
   background-color: var(--background);
   border: 1px solid #0f3357;
   -moz-appearance: textfield;
   -webkit-appearance: none;
   margin:0;
   -o-appearance: none;
   margin: 0;
}

#projectModal-btnProjectStep .form-control::placeholder {
   color: var(--muted-foreground);
}

#projectModal-btnProjectStep .select2-container-multi .select2-choices, #projectModal-btnProjectStep .formLocalityformLocality input {
    border-radius: calc(var(--radius) - 2px);
    min-height: 40px!important;
    border: 1px solid #0f3357;
}

#projectModal-btnProjectStep .formLocalityformLocality input.col-xs-11 {
   border-top-left-radius: calc(var(--radius) - 2px);
   border-bottom-left-radius: calc(var(--radius) - 2px);
   min-height: 40px!important;
   border: 1px solid #0f3357;
}

#projectModal-btnProjectStep .objectivetextarea .form-control{
   min-height: 70px !important;
}

#projectModal-btnProjectStep .form-control,
#projectModal-btnProjectStep .form-group #name,
#projectModal-btnProjectStep .modal-content .fieldset select,
#projectModal-btnProjectStep .formLocalityformLocality .formLocality select,
#projectModal-btnProjectStep .formLocalityformLocality .formLocality input {
   height: 40px ;
   background-color: var(--background)!important;
   border: 1px solid var(--input)!important;
   color: #fff!important;
   padding: 6px 12px!important;
   font-size: 14px;
   height: 40px;
   border-radius: calc(var(--radius) - 2px) !important;
}

#projectModal-btnProjectStep .form-control:focus,
#projectModal-btnProjectStep .form-group #name:focus,
#projectModal-btnProjectStep .modal-content .fieldset select:focus,
#projectModal-btnProjectStep .select2-container-multi .select2-input.select2-focused,
#projectModal-btnProjectStep .formLocalityformLocality input:focus {
   border: 2px solid var(--primary) !important;
   outline: none !important;
}


#projectModal-btnProjectStep .modal-content .form-group select option{
   color: var(--primary) !important;
}

#projectModal-btnProjectStep .jobFamilyselectMultiple .form-control {
   background-color: transparent!important;
   padding: 0;
}

#projectModal-btnProjectStep .select2-container-multi .select2-choices {
   min-height: 40px;
   background-color: var(--background)!important;;
   color: #fff!important;
}

#projectModal-btnProjectStep .md-editor textarea.form-control {
   min-height: 100px !important;
}

#projectModal-btnProjectStep .select2-container-multi {
   min-height: 53px;
}

#projectModal-btnProjectStep .select2-container-multi .select2-choices .select2-search-field input {
   background-color: var(--background)!important;;
   color: #fff;
   border-radius: calc(var(--radius) - 2px) !important;
}

#projectModal-btnProjectStep a.form-control {
   color: #fff !important;
   border-radius: calc(var(--radius) - 2px) !important;
   background-color: var(--card) / 0.2;
   border: 2px solid var(--primary);
}

#projectModal-btnProjectStep .modal-footer .btn-saveProjectStep, #projectModal-btnProjectStep .modal-footer  .btn-next {
    color: var(--primary-foreground)!important;
    border-radius: calc(var(--radius) - 2px);
    background-color: #2273c3;
}

#projectModal-btnProjectStep .modal-footer .btn-prev {
   background-color: hsl(var(--background));
   border: 1px solid var(--input);
   border-radius: calc(var(--radius) - 2px);
   color: #fff!important;
}

#projectModal-btnProjectStep .modal-footer .btn-prev:hover, #projectModal-btnProjectStep a.form-control:hover  {
     color: var(--primary-foreground)!important;
     background-color: var(--primary)!important;
     border-color: var(--primary)!important;
}
#projectModal-btnProjectStep .modal-header .close {
   background-color: #fff!important;
}
#projectModal-btnProjectStep .element-finder .name-contact {
   color: #fff!important;
}

#projectModal-btnProjectStep .modal-title {
   text-align: center;
   color: #fff;
   text-transform: none;
}
#projectModal-btnProjectStep .form-group .element-adress .name-contact {
   color: #fff;
}
.form-group div[class^="coInput-form-list-formLocality-"] {
    overflow: visible !important;
}

#projectModal-btnProjectStep .select-multiple-cards .card-item {
   background: rgba(255,255,255,0.03) !important;
   border: 2px solid rgba(255,255,255,0.06) !important;
   border-radius: 10px !important;
   padding: 16px !important;
   color: #f7f9fb !important;
   box-shadow: none !important;
}

#projectModal-btnProjectStep .select-multiple-cards .card-item:hover {
   border-color: rgba(255,255,255,0.16) !important;
   box-shadow: 0 8px 24px rgba(0,0,0,0.35) !important;
   transform: translateY(-3px) !important;
}

#projectModal-btnProjectStep .select-multiple-cards .card-item .card-icon {
   color: #cfeefc !important;
   font-size: 28px !important;
}

#projectModal-btnProjectStep .select-multiple-cards .card-item .card-label {
   color: #f2f8fb !important;
}


#projectModal-btnProjectStep .select-multiple-cards .card-item.selected {
   background: rgba(52,152,219,0.12) !important;
   border-color: #3498db !important;
   box-shadow: 0 10px 30px rgba(52,152,219,0.12) !important;
}


#projectModal-btnProjectStep .select-multiple-cards .card-item.shining::before {
   background: linear-gradient(120deg, rgba(255,255,255,0), rgba(255,255,255,0.22), rgba(255,255,255,0)) !important;
   animation: shine-sweep-over 0.65s ease-out forwards !important;
   top: -120% !important;
   left: -40% !important;
   width: 40% !important;
   height: 260% !important;
   transform: rotate(25deg) !important;
}

@keyframes shine-sweep-over {
    0% { transform: translateX(-120%) rotate(25deg); opacity: 0; }
    30% { opacity: 1; filter: blur(0.3px); }
    100% { transform: translateX(220%) rotate(25deg); opacity: 0; }
}

@media (max-width: 992px) {
    #projectModal-btnProjectStep .select-multiple-cards .card-item { min-width: calc(50% - 12px) !important; }
}
@media (max-width: 576px) {
    #projectModal-btnProjectStep .select-multiple-cards .card-item { min-width: 100% !important; }
}