#panelSettingTask {
  background-color: #F5F5F5;
}

#panelSettingTask .form-label {
  margin-bottom: 0px !important;
  width: 100px;
}

#panelSettingTask select,
#panelSettingTask input {
  background-color: transparent;
  border: none;
  margin-left: 5px;
  margin-right: 5px;
  padding: 4px 8px;
  font-size: 14px;
  color: #1F2430;
}

#panelSettingTask .title {
  font-weight: 600;
  font-size: 9pt;
  margin-bottom: 0px;
}

label.value {
  font-size: 9pt;
}

.modal-panel-end {
  margin-right: unset;
  height: 100vh;
  margin-top: 0px;
  margin-bottom: 0px;
  max-width: 45% !important;
}

.modal-panel-end {
  max-width: 100% !important;
}

.modal-panel-end .modal-content {
  min-height: 100vh;
}

.note .dropdown-menu {
  font-size: smaller !important;
}



/*SUMMERNOTE CUSTOMER*/
.note-toolbar {
  background-color: #fff !important;
  border-bottom: 0px !important; 
  margin-top: 5px !important;
  margin-left: 3px !important;
}
.note-btn-group .note-btn { border: 0; }
/********************/


.handle {
  cursor: grab;
}

.handle:active {
  cursor: grabbing;
}

.moved {
  animation: pulse 0.6s ease-in-out;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  50% {
    transform: scale(1.05);
    opacity: 0.8;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.comment {
  background-color: #F5F5F5;
  border-radius: 15px;
}

/*KANBAN*/
.kcard {
  width: 250px;
  background-color: #ececef;
}

.kcard .title {
  font-weight: 600;
  font-size: 11pt;
}

.kcard .text {
  font-size: 10pt;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/********/


.table-view td {
  font-size: 10pt !important;
}

.btn-xs {
  --bs-btn-padding-y: 0.1rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 0.25rem;
}


/* NOTES **/
  .note{
    --note-bg:#FFF9E6;
    --note-accent:#F0B429;
    position:relative;
    max-width:320px;
    border:1px solid #E5E7EB;
    border-radius:10px;
    padding:12px 14px 12px 16px;
    background:var(--note-bg);
    font-family:'Inter',system-ui,sans-serif;
    color:#1F2430;
    transition:box-shadow .15s ease, transform .15s ease;
  }
  .note::before{
    content:"";
    position:absolute;
    left:0;top:10px;bottom:10px;
    width:3px;
    border-radius:3px;
    background:var(--note-accent);
  }
  .note:hover{
    box-shadow:0 4px 10px rgba(16,24,40,.08);
    transform:translateY(-1px);
  }
  .note-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:8px;
    margin-bottom:6px;
  }
  .note-title{
    font-size:13.5px;
    font-weight:600;
    line-height:1.3;
  }
  .pin-dot{
    width:9px;height:9px;
    flex-shrink:0;
    margin-top:4px;
  }
  .note-text{
    font-size:12.5px;
    color:#7A7F8C;
    line-height:1.5;
    margin:0 0 10px;
  }
  .note-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
  }
  .note-author{
    display:flex;
    align-items:center;
    gap:6px;
  }
  .avatar{
    width:20px;height:20px;
    border-radius:50%;
    background:var(--note-accent);
    color:#fff;
    font-size:9.5px;
    font-weight:700;
    display:flex;align-items:center;justify-content:center;
  }
  .author-name{font-size:11.5px;color:#7A7F8C;}
  .note-time{font-size:11px;color:#B0B3BD;}
  .note-actions{display:flex;gap:6px;}
  .note-actions button{
    width:22px;height:22px;
    border-radius:6px;
    border:none;
    background:#F0B429;
    color:#3A2B00;
    font-size:11px;
    cursor:pointer;
    display:flex;align-items:center;justify-content:center;
  }
  .note-actions button:hover{background:#C9880B;color:#fff;}

  /* Timeline CUSTOM */
   .timeline{
    width: 100%;
    font-family:'Inter',system-ui,sans-serif;
    color:#1F2430;
  }

  .entry{
    display:flex;
    gap:10px;
    position:relative;
    padding-bottom:20px;
  }
  .entry::before{
    content:"";
    position:absolute;
    left:15px;
    top:32px;
    bottom:0;
    width:2px;
    background:#E5E7EB;
  }
  .entry:last-child::before{ display:none; }

  .avatar{
    width:30px;height:30px;
    border-radius:50%;
    color:#fff;
    font-size:11px;
    font-weight:700;
    display:flex;align-items:center;justify-content:center;
    flex-shrink:0;
    z-index:1;
  }

  .entry-body{ flex:1; min-width:0; }
  
  .entry-body img{ 
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100% !important;
  }

  /* Burbuja de comentario */
  .bubble{
    background:#F6F7F9;
    border:1px solid #E5E7EB;
    border-radius:10px;
    border-top-left-radius:4px;
    padding:10px 12px;
  }
  .bubble-head{
    display:flex;
    align-items:baseline;
    gap:6px;
    margin-bottom:3px;
    flex-wrap:wrap;
  }
  .author-name{ font-size:13px; font-weight:600; }
  .entry-time{ font-size:11px; color:#B0B3BD; }
  .bubble-text{
    font-size:12.5px;
    color:#1F2430;
    line-height:1.5;
    margin:0;
  }
  .bubble-actions{
    display:flex;
    gap:12px;
    margin-top:6px;
  }
  .bubble-actions button{
    background:none;
    border:none;
    padding:0;
    font-size:11px;
    font-weight:600;
    color:#7A7F8C;
    cursor:pointer;
  }
  .bubble-actions button:hover{ color:#3B6EF6; }

  /* Entrada de actividad / sistema (sin burbuja) */
  .entry.system .avatar{
    background:#EEF0F3;
    color:#7A7F8C;
  }
  .entry.system .entry-body{
    display:flex;
    align-items:center;
    gap:6px;
    padding-top:6px;
    font-size:12px;
    color:#7A7F8C;
  }
  .entry.system b{ color:#1F2430; font-weight:600; }
  .status-pill{
    font-size:10.5px;
    font-weight:700;
    padding:2px 8px;
    border-radius:999px;
  }
  .status-pill.new{ background:#E6FAFC; color:#17B3C4; }
  .status-pill.high{ background:#FDECEC; color:#E14545; }


  /***SUBTASK **/
    .subtask-list{
    display:flex;
    flex-direction:column;
    gap:6px;
  }
  .subtask{
    display:flex;
    align-items:center;
    gap:10px;
    border:1px solid #E5E7EB;
    border-radius:8px;
    padding:8px 10px;
    background:#fff;
  }
  .subtask.done{ background:#F9FAFB; }
  .subtask-check{
    width:18px;height:18px;
    border-radius:5px;
    border:1.5px solid #E5E7EB;
    flex-shrink:0;
    cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    font-size:11px;
    color:#fff;
    background:#fff;
  }
  .subtask.done .subtask-check{
    background:var(--blue);
    border-color:var(--blue);
  }
  .subtask-text{
    flex:1;
    font-size:12.5px;
    color:var(--ink);
    border:none;
    outline:none;
    background:transparent;
    padding:2px 0;
  }
  .subtask.done .subtask-text{
    color:var(--faint);
    text-decoration:line-through;
  }
  .subtask-assignee{
    width:20px;height:20px;
    border-radius:50%;
    font-size:9px;
    font-weight:700;
    color:#fff;
    display:flex;align-items:center;justify-content:center;
    flex-shrink:0;
  }
  .subtask-remove{
    background:none;
    border:none;
    color:var(--faint);
    cursor:pointer;
    font-size:12px;
    padding:2px;
    flex-shrink:0;
  }
  .subtask-remove:hover{ color:var(--red); }

  .subtask-add{
    display:flex;
    gap:8px;
    margin-top:2px;
  }
  .subtask-add input{
    flex:1;
    border:1px dashed #E5E7EB;
    border-radius:8px;
    padding:8px 12px;
    font-size:12.5px;
    font-family:inherit;
    outline:none;
  }
  .subtask-add input:focus{ border-color:var(--blue); border-style:solid; }
  .subtask-add-btn{
    background:#F3F4F6;
    border:none;
    color:var(--ink);
    border-radius:8px;
    padding:0 14px;
    font-size:12.5px;
    font-weight:600;
    cursor:pointer;
  }
  .subtask-add-btn:hover{ background:#E5E7EB; }

  /**FILES **/
  .file-item{
    display:flex;
    align-items:center;
    gap:10px;
    border:1px solid #E5E7EB;
    border-radius:8px;
    padding:8px 10px;
    background:#fff;
    font-family:'Inter',system-ui,sans-serif;
    max-width:420px;
    flex-wrap: wrap;
  }
  .file-preview{
    flex: 100%;
    background-color: #f5f5f5;
    height: 100px;
  }
  .file-icon{
    width:32px;height:32px;
    border-radius:7px;
    flex-shrink:0;
    display:flex;align-items:center;justify-content:center;
    font-size:13px;
    font-weight:700;
    color:#fff;
  }
  .file-info{ flex:1; min-width:0; }
  .file-name{
    font-size:12.5px;
    font-weight:600;
    color:#1F2430;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .file-meta{
    font-size:11px;
    color:#B0B3BD;
  }
  .file-actions{
    display:flex;
    gap:4px;
    flex-shrink:0;
  }
  .file-actions button{
    width:26px;height:26px;
    border-radius:6px;
    border:none;
    background:#F3F4F6;
    color:#7A7F8C;
    font-size:11px;
    cursor:pointer;
    display:flex;align-items:center;justify-content:center;
  }
  .file-actions button:hover{ background:#E5E7EB; color:#1F2430; }
  .file-actions button.danger:hover{ background:#FDECEC; color:#E14545; }