/* ====== Lex24 AdNote Group Form Styles ====== */

.lex24-adnote{color:#000000;}
.lex24-adnote-form {
     background-color: #ffffff;
     padding: 0px ;
     border: 0px;
     max-width: 600px;
     margin-bottom:0px;
     margin-top:0px;
   }
.lex24-adnote-form-create-group,.lex24-adnote-change-group-name{
  padding: 15px;
  border: 1px solid #dddddd;
  border-radius: 6px;
}
.lex24-adnote-grup-inv{margin-bottom:0px;}   
   .lex24-adnote-form-group {
     margin-bottom: 20px;
   }
   
   .lex24-adnote-label {
     display: block;
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-bottom: 5px;
     color: #333;
   }
   
   .lex24-adnote-input,
   .lex24-adnote-select {
     width: 100%;
     padding: 8px 10px;
     border: 1px solid #ccc;
     border-radius: 4px;
     font-size: 14px;
     box-sizing: border-box;
   }
   
   .lex24-adnote-form-actions {
     text-align: left;
   }
   
   .lex24-adnote-btn {
     padding: 8px 20px;
     border: none;
     font-size: 14px;
     cursor: pointer;
     border-radius: 4px;
   }
   
   .lex24-adnote-btn-submit {
     background-color: #0073aa;
     color: white;
   }
   
   .lex24-adnote-btn-submit:hover {
     background-color: #005177;
   }
   /* ================================
      Lex24 Adnote - Grupurile Mele
      ================================ */
   
   .lex24-adnote-section {
     margin-bottom: 40px;
   }
   
   .lex24-adnote-block {

     padding:0.8rem 1rem;
     border: 1px solid #ddd;
     border-radius: 6px;
   }
   
   .lex24-adnote-title {
     font-size: 20px;
     font-weight: bold;
     margin-bottom: 20px;
     border-bottom: 2px solid #ccc;
     padding-bottom: 10px;
   }
   
   .lex24-adnote-group-accordion {
     border-top: 0px solid #ccc;
   }
   
   .lex24-adnote-group-item {
     border-bottom: 1px solid #e0e0e0;
     padding: 15px 0;
   }
   
   .lex24-adnote-group-header {
     cursor: pointer;
   }
   
   .lex24-adnote-group-title {
     /*font-size: 16px;
     font-weight: 600;
     margin: 0;*/
   }
   
   .lex24-adnote-group-title a {
     text-decoration: none;
     color: #0073aa;
   }
   
   .lex24-adnote-group-title a:hover {
     text-decoration: underline;
   }
   
   .lex24-adnote-group-body {
     padding: 10px 0 0 10px;
   }
   
   .lex24-adnote-group-details {
     font-size: 14px;
     color: #333;
     line-height: 1.6;
   }
   .lex24-adnote-group-owner{color:#155724;}
   .lex24-adnote-group-member{color:#0073aa;}
   .lex24-adnote-empty {
     font-style: italic;
     color: #777;
   }
   /* =====  Lex24 Adnote -  Grup - Info Linie ===== */
   .lex24-adnote-group-details-row {
     display: flex;
     flex-wrap: wrap;
     gap: 5px 20px;
     margin-bottom: 10px;
   }
   
   .lex24-adnote-group-detail {
     font-weight: 500;
     background: #f5f5f5;
     padding: 8px 12px;
     border-radius: 4px;
     font-size: 14px;
     color: #333;
   }
   /* ===== Toggle Vezi Membri ===== */
   .lex24-adnote-group-members-toggle {
     display: flex;
     align-items: center;
     gap: 8px;
     margin-bottom: 10px;
     cursor: pointer;
     font-weight: 500;
     color: #0073aa;
     transition: color 0.2s ease;
   }
   
   .lex24-adnote-group-members-toggle:hover {
     color: #004b70;
   }
   
   .lex24-adnote-group-members-toggle i {
     display: inline-block;
     width: 18px;
     height: 18px;
     text-align: center;
     line-height: 18px;
     font-style: normal;
     font-weight: bold;
     border: 1px solid #0073aa;
     border-radius: 3px;
     background: #eef6fb;
     color: #0073aa;
     transition: background 0.2s ease;
   }
   
   .lex24-adnote-group-members-toggle i.icon-minus::before {
     content: "−";
     line-height:11px;
   }
   
   .lex24-adnote-group-members-toggle i.icon-plus::before {
     content: "+";
     line-height:11px;
   }
   .lex24-adnote-group-members-fit{
     display:contents;
   }
   /* ===== Invita utilizator in grup ===== */
   .lex24-adnote-invite {
     display: flex;
     align-items: center;
     gap: 10px;
    
   }
   
   .lex24-adnote-invite-form {
     display: flex;
     gap: 10px;
     align-items: center;
     margin-bottom: 0px;
   }
   
   .lex24-adnote-invite-form input[type="email"] {
     max-width: 350px;
     width: 100%;
   }
   
   .lex24-adnote-btn-invite {
     background-color: #28a745;
     color: white;
     border: none;
     padding: 6px 14px;
     border-radius: 4px;
     cursor: pointer;
     line-height:16px;
   }
   
   .lex24-adnote-btn-invite:hover {
     background-color: #218838;
   }
   
   .lex24-adnote-group-members-msg {
     margin-top: 10px;
     font-weight: bold;
     transition: opacity 0.5s ease;
     opacity: 0;
     color: #155724;
   }
   .lex24-adnote-group-members-msg.visible {
     opacity: 1;
   }
   
   /* invitații afișate pe un rând (desktop) + stacked (mobil)*/
   .lex24-invitatie-item,
   .lex24-invitatie-trimisa {
     display: flex;
     flex-wrap: wrap;
     align-items: normal;
     justify-content: space-between;
     gap: 0rem;
     border-bottom: 1px solid #ccc;
     padding: 0.6rem 0;
   }
   
   .lex24-invitatie-item:last-child,
   .lex24-invitatie-trimisa:last-child {
     border-bottom: none;
   }
   
   .lex24-invitatie-item > div,
   .lex24-invitatie-trimisa > div {
     flex: 1 1 20%;
     min-width: 130px;
     font-size: 0.95rem;
   }
   .lex24-invitatie-item-inactive{background:#fcfcfc;padding:7px 12px;} 
   .lex24-invitatie-actiuni {
     display: flex;
     flex-wrap: wrap;
     gap: 0.5rem;
     flex: 1 1 100%;
     margin-top: 0.4rem;
   }
   
   .lex24-invitatie-actiuni button {
     padding: 0.4rem 0.8rem;
     font-size: 0.85rem;
     border: none;
     border-radius: 4px;
     cursor: pointer;
     white-space: nowrap;
   }
   
   /* Butoane stil */
   .lex24-btn-accept    { background: #28a745; color: #fff; }
   .lex24-btn-reject    { background: #dc3545; color: #fff; }
   .lex24-btn-reaccept  { background: #007bff; color: #fff; }
   .lex24-btn-remove , .lex24-btn-remove-user { background: #ffc107; color: #000;border-radius:5px;border:1px solid #ffc107;  }
   .lex24-btn-leave-group {background: #ffc107 !important; color: #000 !important; border-radius:5px !important; border:1px solid #ffc107 !important; } 
   .lex24-btn-retrimite { background: #17a2b8; color: #fff; }
   

   .lex24-adnote-inv-acc {color:#28a745;}
   .lex24-adnote-inv-pending{color: #333333;}
   .lex24-adnote-inv-rej{color:#dc3545;}
   .lex24-0-inv {
    background: #fefefe;
    color: #333333;
    border-left: 4px solid #cccccc;
    padding: 14px 18px;
    border-radius: 7px;
    margin: 8px 0;
    font-size: 1rem;
    font-weight: 500;
    box-shadow: 0 2px 8px rgba(34, 113, 59, 0.07);
  }
   /* Responsive breakpoint */
   @media (max-width: 768px) {
     .lex24-invitatie-item,
     .lex24-invitatie-trimisa {
       flex-direction: column;
       align-items: flex-start;
     }
   
     .lex24-invitatie-item > div,
     .lex24-invitatie-trimisa > div {
       flex: 1 1 100%;
     }
   
     .lex24-invitatie-actiuni {
       justify-content: flex-start;
     }
   }
   
   
   /* lex24_received_invites*/
   .lex24-invitatii-section {
     margin-bottom: 40px;
   }
   
   .lex24-invitatii-list {
     border: 1px solid #ddd;
     border-radius: 6px;
     max-height: 400px;
     overflow-y: auto;
     padding: 1rem;
     background-color:#ffffff;
   }
   
   .lex24-invitatie-item {
     border-bottom: 1px solid #ccc;
     padding: 0.8rem 0;
   }
   
   .lex24-invitatie-item:last-child {
     border-bottom: none;
   }
   
   .lex24-invitatie-actiuni {
     margin-top: 0.5rem;
   }
   
   .lex24-invitatie-actiuni button, .lex24-btn-remove-user  {
     margin-right: 0.5rem;
     padding: 0.4rem 0.8rem;
     font-size: 0.9rem;
     cursor: pointer;
   }
   
   .lex24-btn-accept {
     background-color: #28a745;
     color: #fff;
     border: none;
     border-radius: 4px;
   }
   
   .lex24-btn-reject {
     background-color: #dc3545;
     color: #fff;
     border: none;
     border-radius: 4px;
   }
   
   .lex24-btn-reaccept {
     background-color: #007bff;
     color: #fff;
     border: none;
     border-radius: 4px;
   }
   /*lex24_sent_invites*/
   .lex24-invitatii-acordeon {
     border: 1px solid #ccc;
     border-bottom:0px;
     border-radius: 6px;
   }
   
   .lex24-acordeon-item {
     border-bottom: 1px solid #bbb;
   }
   
   .lex24-acordeon-header {
     background-color: #eee;
     padding: 0.7rem 1rem;
     font-weight: bold;
     cursor: pointer;
   }
   
   .lex24-acordeon-body {
     display: block; 
     padding: 1rem;
     background-color: none;
     border:1px dashed #cccccc;
   }
   
   .lex24-invitatie-trimisa {
     padding: 0.5rem 0;
     border-bottom: 1px dashed #ccc;
   }
   
   .lex24-invitatie-trimisa:last-child {
     border-bottom: none;
   }
   
   .lex24-invitatie-actiuni {
     margin-top: 0.5rem;
   }
   
   .lex24-btn-remove {
     background-color: #ffc107;
     color: #000;
     border: none;
     border-radius: 4px;
     padding: 0.4rem 0.8rem;
     margin-right: 0.5rem;
     font-size: 0.9rem;
   }
   
   .lex24-btn-retrimite {
     background-color: #17a2b8;
     color: #fff;
     border: none;
     border-radius: 4px;
     padding: 0.4rem 0.8rem;
     font-size: 0.9rem;
   }
   /*accordeon*/
   .lex24-acordeon-body {
     display: none;
     padding: 0.8rem 1rem;
     background-color: #f9f9f9;
   }
   
   .lex24-acordeon-item.open .lex24-acordeon-body {
     display: block;
   }
   
   .lex24-acordeon-header {
     background-color: #ffffff;
     border-radius:10px;
     padding: 0.8rem 1rem;
     font-weight: bold;
     cursor: pointer;
     display: flex;
     align-items: center;
     gap: 0.5rem;
   }
   
   .lex24-acordeon-header .arrow {
     transition: transform 0.3s ease;
     font-size: 1rem;
   }
   
   .lex24-acordeon-item.open .lex24-acordeon-header .arrow {
     transform: rotate(90deg);
   }
   /* formular schimba numele grupului */
   
   .lex24-adnote-change-group-name {
     display: flex;
     flex-direction: column;
     gap: 6px;
     max-width: 100%;
     flex-flow: row wrap;
     align-items: end;
     border: 1px dashed #ccc;
     margin-bottom:15px;
   }
   
   .lex24-adnote-change-group-name .lex24-adnote-input-row {
     display: flex;
     align-items: center;
     gap: 10px;
     flex-wrap: wrap;
   }
   
   .lex24-adnote-change-group-name label {
     margin: 0;
     white-space: nowrap;
   }
   
   .lex24-adnote-input {
     max-width: 250px;
     flex: 1 1 auto;
   }
   
   .lex24-adnote-btn-change-name {
     white-space: nowrap;
     max-height: fit-content;
   
   }
   .lex24-adnote-change-group-name .lex24-adnote-input {
     max-width: 250px;
     width: 100%;
     flex: 1 1 auto;
   }
   .break {
     flex-basis: 100% !important;
     height: 0;
   }
   .lex24-adnote-group-desc{font-size: 0.85rem;font-weight:400;}
   .lex24-adnote-msg-success {
     background: #e6f5ea;
     color: #22713b;
     border-left: 4px solid #32c671;
     padding: 14px 18px;
     border-radius: 7px;
     margin: 8px 0;
     font-size: 1rem;
     font-weight: 500;
     box-shadow: 0 2px 8px rgba(34, 113, 59, 0.07);
   }
   .lex24-adnote-msg-error {
     background: #fceaea;
     color: #b71c1c;
     border-left: 4px solid #f44336;
     padding: 14px 18px;
     border-radius: 7px;
     margin: 8px 0;
     font-size: 1rem;
     font-weight: 500;
     box-shadow: 0 2px 8px rgba(183, 28, 28, 0.07);
   }
   .lex24-adnote-table{
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 14px;
    border: 1px dashed #ccc;
   }
   .lex24-adnote-table thead{
    background: #f9f9f9;
   }
   .lex24-adnote-table td{
    vertical-align: middle; 
   }
   .lex24-link {
    text-decoration: none;
    font-family: 'Arial Black', Arial, sans-serif;
    font-weight: bold;
    font-size: 1.2rem; 
  }
  
  .lex24-link .lex-black {
    color: #1a1a1a; 
  }
  
  .lex24-link .lex-orange {
    color: #f7b634;
    letter-spacing: -2px; 
  }