table .link {
  margin:5px 0;
}

/* Alternative Skylab card-table styling used in EMEA CUP */
.updated-card-table {
  background-color: var(--color-gray-lightest);
}
.updated-card-table > tbody {
  background-color: var(--color-white);
}
.updated-card-table > tbody > tr {
  border-left: 16px solid var(--color-gray-lightest);
  border-right: 16px solid var(--color-gray-lightest);
}
.updated-card-table > tbody > tr[active='true'] > td {
  z-index: 0;
}
.updated-card-table > tbody tr:last-child {
  border-bottom: 2rem solid var(--color-gray-lightest);
}
.updated-card-table > tbody::before {
  content: '';
  display: block;
}
.updated-card-table > thead {
  background-color: var(--color-blue-lightest);
  border-bottom: 10px solid var(--color-white);
}
.updated-card-table > tbody > tr > th, .updated-card-table > thead > tr > th, .updated-card-table > tbody > tr > td, .updated-card-table > thead > tr > td {
  border: 0;
}
.updated-card-table > tbody > tr > th:not([class*='pad-']), .updated-card-table > thead > tr > th:not([class*='pad-']), .updated-card-table > tbody > tr > td:not([class*='pad-']), .updated-card-table > thead > tr > td:not([class*='pad-']) {
  padding-left: calc((var(--gutter-width) * 0.5) + 6px);
  padding-right: calc(var(--gutter-width) * 0.5);
}
.updated-card-table > tbody > tr > td, .updated-card-table > thead > tr > td {
  background-color: var(--color-gray-lightest);
  padding: var(--gutter-width) calc(var(--gutter-width) * 0.5) calc(var(--gutter-width) * 0.5);
  position: relative;
  z-index: 0;
}
.updated-card-table > tbody > tr > td::after, .updated-card-table > thead > tr > td::after {
  background-color: var(--color-white);
  border-bottom: 1px solid var(--color-gray-light);
  border-top: 1px solid var(--color-gray-light);
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: calc(var(--gutter-width) * 0.5);
  z-index: -1;
}
.updated-card-table > tbody > tr.row-collapse > td, .updated-card-table > thead > tr.row-collapse > td {
  padding: var(--gutter-width) calc(var(--gutter-width) * 0.5) 0;
  top: calc(((var(--gutter-width) * 0.5) + 1px) * -1);
  background-color: var(--color-white);
}
.updated-card-table > tbody > tr.row-collapse > td::after, .updated-card-table > thead > tr.row-collapse > td::after {
  bottom: calc(((var(--gutter-width) * 0.5) + 1px) * -1);
}

/* AVI Chatbot (IPUA Panel) Styles
 * Only positioning - let component handle its own visibility
 */
 ipua-panel {
  position: fixed !important;
  top: 56px !important;
  right: 16px !important;
  left: auto !important;
  bottom: auto !important;
  width: 380px !important;
  height: auto !important;
  max-height: calc(100vh - 80px) !important;
  z-index: 600 !important;
}

/* Make the panel content clickable */
ipua-panel,
ipua-panel * {
  pointer-events: auto !important;
}

/* Reset styles for IPUA panel internals */
ipua-panel .ipua-panel-wrapper {
  background: #ffffff !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

ipua-panel #help-panel-container {
  width: 100% !important;
  height: 90vh !important;
  display: flex !important;
  flex-direction: column !important;
}

ipua-panel s-tray {
  position: relative !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
}

/* Header styling */
ipua-panel s-box {
  background: #f8f9fa !important;
  padding: 16px !important;
  border-bottom: 1px solid #e0e0e0 !important;
  flex-shrink: 0 !important;
}

ipua-panel h3 {
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
}

/* Chat body area */
ipua-panel [class*="helpBody"] {
  flex: 1 !important;
  overflow-y: auto !important;
  padding: 16px !important;
  background: #ffffff !important;
}

/* Chat message bubbles */
ipua-panel [class*="chatBotWrapper"] {
  margin-bottom: 16px !important;
}

ipua-panel [class*="chatBotText"] {
  background: #e8f4f8 !important;
  padding: 14px 16px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #1a1a1a !important;
}

ipua-panel [class*="centeredText"] {
  text-align: center !important;
  font-weight: 500 !important;
  color: #333 !important;
}

/* Input area container */
ipua-panel [class*="chatContainer"] {
  padding: 16px !important;
  border-top: 1px solid #e0e0e0 !important;
  background: #ffffff !important;
  flex-shrink: 0 !important;
}

/* Fieldset as relative container for positioning */
ipua-panel fieldset {
  border: 1px solid #d0d0d0 !important;
  border-radius: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  position: relative !important;
  background: #ffffff !important;
}


/* Textarea styling */
ipua-panel textarea {
  width: 100% !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px !important;
  padding-bottom: 32px !important;
  font-size: 14px !important;
  resize: none !important;
  box-sizing: border-box !important;
  background: transparent !important;
  min-height: 80px !important;
}

ipua-panel textarea:focus {
  outline: none !important;
}

/* Character count - bottom left inside fieldset */
ipua-panel [class*="charLimit"],
ipua-panel fieldset > span:not([class*="button"]) {
  position: absolute !important;
  bottom: 8px !important;
  left: 12px !important;
  font-size: 12px !important;
  color: #666 !important;
  margin: 0 !important;
}

/* Send button - bottom right inside fieldset */
ipua-panel fieldset button,
ipua-panel fieldset [class*="send"],
ipua-panel fieldset s-icon {
  position: absolute !important;
  bottom: 8px !important;
  right: 12px !important;
  cursor: pointer !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  /* color: #0073cf !important; */
}

ipua-panel a {
  color: #0073cf !important;
}