/* Make SWIFT Evidence Description textarea taller */
#olex_swiftevidencedescription {
    min-height: 200px !important;  /* adjust height */
    resize: vertical;              /* allow user to resize */
    font-size: 14px;               /* optional: bigger text */
    line-height: 1.4;              /* better readability */
}



/* SWIFT Evidence Description – READ-ONLY: let it grow, no inner scrollbar */
.entity-form [data-name="olex_swiftevidencedescription"] .value,
.entity-form [data-name="olex_swiftevidencedescription"] .readonly-textarea,
.entity-form [data-name="olex_swiftevidencedescription"] .static-text {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;   /* remove the little scroll bar */
}

/* SWIFT Evidence Description – EDITABLE: make the textarea tall */
.entity-form [data-name="olex_swiftevidencedescription"] textarea,
.entity-form [data-name="olex_swiftevidencedescription"] textarea.form-control {
  height: 600px !important;       /* adjust to taste */
  min-height: 600px !important;
  max-height: none !important;
  resize: vertical !important;     /* allow user to drag taller */
}

/* Narrow the notes area a little and separate items */
.entity-form .notes, 
.entity-form .timeline { margin-top: .5rem; }
.entity-form .timeline .note,
.entity-form .note { 
  border: 1px solid #e5e7eb; 
  border-radius: 12px; 
  padding: 12px 14px; 
  margin-bottom: 10px;
  background: #fff;
}

/* Hide noisy meta (author/time) — keep if you need it */
.entity-form .note .createdon,
.entity-form .note .created-by,
.entity-form .note .user,
.entity-form .note time { display: none; }

/* Make attached file links look like chips */
.entity-form .note .attachment a {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 9999px;
  background: #f3f4f6;
  text-decoration: none;
  margin-right: 6px;
}

/* Make the 'Add note' button look primary */
.entity-form .add-note,
.entity-form button.addNote {
  background: #2563eb;       /* brand color */
  color: #fff;
  border-color: #2563eb;
  border-radius: 10px;
  padding: 8px 14px;
}

/* Card styling for each note row */
.entity-form li.note,
.entity-form .note,
.entity-form .timeline li,
.entity-form .annotations li {
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  margin-bottom: 12px !important;
  background: #fff !important;
  list-style: none !important;
}

/* Shrink/hide meta noise if you want a clean look */
.entity-form .note .createdon,
.entity-form .note .created-by,
.entity-form .note time,
.entity-form .note .user {
  display: none !important;
}

/* Attachment chips */
.entity-form .note a[href*="/download"],
.entity-form .note .attachment a,
.entity-form .note a[download] {
  display: inline-block !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  background: #f3f4f6 !important;
  text-decoration: none !important;
  margin-right: 6px !important;
}

/* Make the “Add note” button more prominent */
.entity-form .btn:has(> span:matches( Add note )) {
  background:#2563eb !important;
  color:#fff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 10px 16px !important;
}

/* TEMP TEST – should put a thin red outline around the whole basic form */
/* .entity-form { outline: 1px solid red !important; } */


/* ===== Modal polish ===== */
.modal-dialog { max-width: 980px; }
.modal-content{
  border-radius:16px;
  box-shadow:0 18px 50px rgba(0,0,0,.25);
  border:0;
}
.modal-header, .modal-footer{ border:0; }

/* ===== Container & typography ===== */
.portal-card{
  background:#fff;
  border:1px solid #e6e9f2;
  border-radius:14px;
  box-shadow:0 4px 14px rgba(14,30,37,.06);
  padding:18px 18px;
  margin-bottom:18px;
}
.portal-card + .portal-card{ margin-top:14px; }

.portal-card__title{
  font-size:1.07rem;
  font-weight:700;
  color:#0a2b57;
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 12px 0;
}
.portal-card__title .icon{ width:18px; height:18px; display:inline-block; }

/* ===== Form block ===== */
.entity-form{
  background:#f9fbff;
  border:1px solid #e6e9f2;
  border-radius:12px;
  padding:16px;
}
.entity-form .section-title,
.entity-form h3{
  font-size:1rem;
  font-weight:600;
  color:#0a2b57;
  border-bottom:2px solid #edf0f7;
  padding-bottom:6px;
  margin-bottom:12px;
}

/* Reduce weird gaps */
.entity-form .control,
.entity-form .form-group{ margin-bottom:12px; }

/* Labels/inputs */
.entity-form label{
  font-weight:600;
  color:#1e2a3a;
}
.entity-form input[type=text],
.entity-form select,
.entity-form textarea{
  border-radius:10px !important;
  border:1px solid #d8deea !important;
  padding:.6rem .8rem !important;
  background:#fff !important;
}
.entity-form textarea{ min-height:110px; }

/* ===== Notes wall ===== */
.notesWall, #notesWallContainer{
  background:#fff;
  border:1px dashed #cbd5e1;
  border-radius:12px;
  padding:14px;
}
.notesWall .noNotes,
#notesWallContainer .noNotes{
  background:#fff7d6;
  color:#7a5b00;
  border:1px solid #f1e2a6;
  border-radius:8px;
  padding:10px 12px;
}

/* Single note item */
.note, .annotation{
  border:1px solid #e6e9f2;
  border-radius:10px;
  padding:12px;
  margin-bottom:10px;
  background:#ffffff;
}
.note .header, .annotation .header{
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom:8px;
  font-weight:600; color:#0a2b57;
}
.note .body, .annotation .body{ color:#24324a; }

/* Add note button */
.btn-add-note, .notesWall .btn, .addNote{
  background:#0a2b57 !important;
  color:#fff !important;
  border-radius:10px !important;
  border:0 !important;
  padding:.5rem .9rem !important;
}
.btn-add-note:hover{ filter:brightness(1.15); }

/* ===== Attachment area (native Notes Attachments) ===== */
#notesWallAttachment, .attach-file, .file-attach-zone{
  border:2px dashed #cbd5e1;
  border-radius:12px;
  background:#fbfdff;
  padding:16px;
  text-align:center;
  transition:border-color .25s ease;
}
#notesWallAttachment:hover, .attach-file:hover, .file-attach-zone:hover{
  border-color:#0a2b57;
}

/* File chips */
.alf-file{
  display:flex; align-items:center; gap:10px;
  border:1px solid #e6e9f2; border-radius:10px;
  padding:8px 10px; background:#fff; margin-bottom:8px;
}
.alf-file__icon{ width:18px; height:18px; }
.alf-file__name{ font-weight:600; color:#1f2a44; }
.alf-file__meta{ font-size:.85rem; color:#5c6b82; }

/* ===== Submit button area ===== */
.alignment-footer{
  display:flex; justify-content:flex-end; gap:10px; margin-top:6px;
}
button[type=submit].btn-primary{
  background:#0f5bd2; border:0; border-radius:10px; padding:.55rem 1rem;
}
button[type=submit].btn-primary:hover{ filter:brightness(1.08); }

/* ===== Small helpers ===== */
.mt-8{ margin-top:8px !important; }
.mt-12{ margin-top:12px !important; }

/* Make the dialog a bit wider (optional) */
.modal-dialog { max-width: 1200px !important; }

/* Give more room to the text column inside each note */
.notes .row { display: flex !important; flex-wrap: nowrap !important; }
.notes .col-md-3.metadata { flex: 0 0 20% !important; max-width: 20% !important; float: none !important; }
.notes .col-md-9.content  { flex: 1 1 80% !important; max-width: 80% !important; width: 80% !important; float: none !important; }

/* Ensure content uses all space and wraps nicely */
.notes .content { width: 100% !important; white-space: normal !important; word-break: break-word !important; }
.notes textarea { width: 100% !important; min-height: 220px !important; }