.record-actions {
      white-space: nowrap;
      min-width: 235px;
      display: flex;
      align-items: center;
      gap: 7px;
    }

    .record-pdf {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 47px;
      height: 34px;
      border-radius: 8px;
      background: #eff5ff;
      color: #265fe6;
      font-size: 12px;
      font-weight: 900;
      text-decoration: none;
      padding: 0 8px;
    }

    .record-pdf:hover {
      background: #dbe9ff;
    }

    .record-student-name {
      display: block;
      font-weight: 900;
      color: #273348;
    }

    .record-student-dni {
      display: block;
      font-size: 11px;
      color: #8794a8;
    }

    .record-pencil,
    .record-trash {
      width: 35px;
      height: 35px;
      border: 1px solid transparent;
      border-radius: 9px;
      background: transparent;
      font-size: 23px;
      line-height: 1;
    }

    .record-pencil {
      color: #2863ec;
    }

    .record-pencil:hover {
      background: #e8efff;
    }

    .record-trash {
      color: #dc3545;
    }

    .record-trash:hover {
      background: #ffecef;
    }

    .edit-record-dialog {
      width: min(920px, calc(100vw - 24px));
      max-width: 920px;
      max-height: calc(100dvh - 30px);
      border: 0;
      border-radius: 20px;
      padding: 0;
      box-shadow: 0 24px 75px #17223d52;
      color: #273348;
      height: min(820px, calc(100dvh - 30px));
    }

    .edit-record-dialog[open] {
      display: flex;
      flex-direction: column;
      overflow: hidden;
    }

    .edit-record-dialog > .edit-top,
    .edit-record-dialog > .edit-tabs,
    .edit-record-dialog > .edit-footer {
      flex-shrink: 0;
    }

    .edit-record-dialog::backdrop {
      background: #1b263780;
      backdrop-filter: blur(3px);
    }

    .edit-top {
      background: #2863ec;
      color: #fff;
      padding: 16px 23px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
    }

    .edit-top h2 {
      margin: 0;
      font-size: 21px;
      color: #fff;
    }

    .edit-top small {
      display: block;
      opacity: .8;
      margin-top: 4px;
    }

    .edit-x {
      border: 0;
      background: transparent;
      color: #fff;
      font-size: 28px;
      cursor: pointer;
    }

    .edit-tabs {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      background: #f4f5f8;
    }

    .edit-tabs button {
      border: 0;
      border-bottom: 3px solid transparent;
      background: transparent;
      padding: 16px 8px;
      font-weight: 900;
      color: #667184;
      cursor: pointer;
    }

    .edit-tabs button.active {
      background: #fff;
      border-bottom-color: #2863ec;
      color: #2863ec;
    }

    .edit-body {
      padding: 22px 24px 25px;
      overflow-y: auto;
      flex: 1;
      min-height: 0;
      max-height: none;
    }

    .edit-pane h3 {
      font-size: 14px;
      color: #67758a;
      border-bottom: 1px solid #dbe0e8;
      padding-bottom: 8px;
      margin: 22px 0 14px;
    }

    .edit-fields {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
    }

    .edit-family-section {
      min-width: 0;
      margin: 0 0 20px;
      padding: 16px;
      border: 1px solid #dce3ec;
      border-radius: 12px;
    }

    .edit-family-section > legend {
      padding: 0 7px;
      color: #2863ec;
      font-size: 13px;
      font-weight: 800;
    }

    .edit-field > input,
    .edit-field > select,
    .edit-field > textarea {
      box-sizing: border-box;
    }

    .edit-field {
      display: flex;
      flex-direction: column;
      gap: 6px;
      font-size: 12px;
      font-weight: 800;
      color: #566276;
      min-width: 0;
    }

    .edit-field > input,
    .edit-field > select,
    .edit-field > textarea {
      width: 100%;
      min-height: 42px;
      border: 1px solid #dce3ec;
      border-radius: 9px;
      padding: 10px;
      color: #26364e;
      background: white;
      font-size: 14px;
      outline: none;
    }

    .edit-field > input:focus,
    .edit-field > select:focus,
    .edit-field > textarea:focus {
      border-color: #2863ec;
      box-shadow: 0 0 0 3px #2863ec23;
    }

    .edit-wide {
      grid-column: 1 / -1;
    }

    .edit-toggle {
      flex-direction: row;
      align-items: center;
      margin: 8px 0 18px;
      font-size: 14px;
    }

    .edit-toggle input {
      width: 17px;
      height: 17px;
      min-height: 0;
    }

    .edit-footer {
      padding: 16px 24px;
      background: #f7f8fa;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 13px;
    }

    .edit-error {
      color: #b62135;
      font-size: 13px;
      font-weight: 700;
      margin: 0 0 12px;
      flex-shrink: 0;
      max-height: 96px;
      overflow: auto;
    }

    .edit-sister-row {
      display: grid;
      grid-template-columns: 2fr 1fr 1fr auto;
      gap: 9px;
      margin: 10px 0;
    }

    .edit-remove {
      border: 0;
      color: #bf3046;
      background: #fff0f2;
      border-radius: 7px;
      align-self: end;
      padding: 11px;
    }

    .edit-added {
      margin: 10px 0 22px;
    }

    .edit-delete-dialog {
      width: min(470px, calc(100vw - 24px));
      max-width: 470px;
      border: 0;
      border-radius: 19px;
      padding: 25px;
      color: #26364e;
    }

    .edit-delete-dialog::backdrop {
      background: #1b263780;
    }

    .edit-delete-dialog h2 {
      margin: 0 0 12px;
    }

    .edit-delete-dialog p {
      font-size: 13px;
      color: #67758a;
    }

    .edit-delete-dialog label {
      display: flex;
      flex-direction: column;
      font-size: 13px;
      font-weight: 800;
      gap: 6px;
      margin: 15px 0;
    }

    .edit-delete-dialog input {
      width: 100%;
      border: 1px solid #d6ddea;
      border-radius: 8px;
      padding: 12px;
    }

    .edit-delete-dialog .edit-footer {
      margin: 16px -25px -25px;
      padding: 15px 25px;
      border-radius: 0 0 18px 18px;
    }

    #editObservationsGroup[hidden] {
      display: none !important;
    }

    #editSisterRows .edit-sister-row {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
      padding: 16px;
      margin: 12px 0;
      border: 1px solid #dce5ef;
      border-radius: 13px;
      background: #f8fafc;
      align-items: end;
    }

    #editSisterRows .edit-sister-wide {
      grid-column: 1 / -1;
    }

    #editSisterRows .edit-field > input,
    #editSisterRows .edit-field > select {
      box-sizing: border-box;
      min-width: 0;
      min-height: 46px;
      font-size: 16px;
    }

    #editSisterRows [data-edit-upper] {
      text-transform: uppercase;
    }

    #editSisterRows select:disabled {
      background: #eef2f6;
      color: #788597;
      opacity: 1;
    }

    #editSisterRows .edit-sister-actions {
      grid-column: 1 / -1;
      display: flex;
      justify-content: flex-end;
    }

    #editSisterRows .edit-remove {
      cursor: pointer;
      min-height: 40px;
      padding: 10px 15px;
      font-weight: 700;
    }

    .edit-sister-hint {
      color: #67758a;
      font-size: 12px;
      line-height: 1.5;
      margin: 0 0 12px;
    }

    @media (max-width: 650px) {
      .edit-top {
        padding: 12px 14px;
      }

      .edit-top h2 {
        font-size: 17px;
      }

      .edit-tabs button {
        font-size: 11px;
        padding: 12px 3px;
      }

      .edit-body {
        padding: 15px;
        max-height: 60dvh;
      }

      .edit-fields {
        grid-template-columns: 1fr;
        gap: 12px;
      }

      .edit-sister-row {
        grid-template-columns: 1fr 1fr;
      }

      .edit-sister-row .edit-field:first-child {
        grid-column: 1 / -1;
      }

      .edit-footer {
        padding: 14px;
      }

      .record-actions {
        min-width: 150px;
      }
    }

    @media (max-width: 480px) {
      #editSisterRows .edit-sister-row {
        grid-template-columns: minmax(0, 1fr);
        padding: 13px;
      }
    }