/* ========== TABLE STYLES ========== */
.confluenceTable {
    border-collapse: collapse;
    margin: 10px 0 0;
    overflow-x: auto;
  }
  .confluenceTh,
  .confluenceTd {
    border: 1px solid var(--ds-border, #ddd);
    padding: 7px 10px;
    vertical-align: top;
    text-align: left;
    min-width: 8px;
  }
  .confluenceTable ol,
  .confluenceTable ul {
    margin-left: 0;
    padding-left: 22px;
  }
  .confluenceTh {
    background-color: var(--ds-background-accent-gray-subtlest, #f0f0f0);
    font-weight: bold;
  }
  .confluenceTh.nohighlight {
    background-color: transparent;
    font-weight: normal;
  }
  .confluenceTd img,
  .confluenceTd .confluence-embedded-file-wrapper img,
  .confluenceTh .confluence-embedded-file-wrapper img {
    max-width: none;
  }
  
  /* ========== PANEL STYLES ========== */
  .confluence-information-macro {
    padding: 12px;
    border-left: 4px solid;
    border-radius: 3px;
    margin: 1em 0;
    display: flex;
    align-items: flex-start;
  }
  .confluence-information-macro-icon {
    margin-right: 8px;
  }
  .confluence-information-macro-body {
    flex: 1;
  }
  .confluence-information-macro-information {
    background-color: var(--info-bg-color);
    border-color: var(--info-border-color);
    color: var(--info-text-color);
  }
  .confluence-information-macro-note {
    background-color: var(--ds-background-accent-yellow-subtlest, #fff0b3);
    border-color: var(--ds-background-accent-yellow, #ffab00);
  }
  .confluence-information-macro-tip {
    background-color: var(--ds-background-accent-green-subtlest, #e3fcef);
    border-color: var(--ds-background-accent-green, #36b37e);
  }
  .confluence-information-macro-warning {
    background-color: var(--ds-background-accent-red-subtlest, #ffebe6);
    border-color: var(--ds-background-accent-red, #ff5630);
  }
  
  /* ========== CODE BLOCKS ========== */
  .code.panel.pdl {
    border: 1px solid var(--ds-border, #ccc);
    background-color: var(--ds-surface-sunken, #f4f5f7);
    padding: 1em;
    margin: 1em 0;
    overflow-x: auto;
    border-radius: 4px;
  }
  .codeContent.panelContent.pdl pre {
    margin: 0;
    font-family: monospace;
    white-space: pre-wrap;
    word-break: break-word;
  }
  
  /* ========== QUOTES ========== */
  blockquote {
    border-left: 4px solid #ccc;
    margin: 1em 0;
    padding-left: 1em;
    background: #f4f5f7;
    font-style: italic;
    color: #666;
  }
  
  /* ========== IMAGES AND EMOJIS ========== */
  .confluence-embedded-file-wrapper {
    display: block;
    margin: 1em 0;
    text-align: center;
  }
  .confluence-embedded-image {
    max-width: 100%;
    height: auto;
    border: 1px solid #ccc;
  }
  .emoticon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
  }
  /* ========== ICONS STYLING ========== */
  /* INFO ICONS STYLING  */
  .confluence-information-macro-icon {
    position: relative !important;
  }
  
  .confluence-information-macro-icon:before {
    content: "i" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-style: italic !important;
    font-weight: bold !important;
    font-size: 12px !important;
    color: white !important;
    z-index: 2 !important;
    font-family: serif !important;
  }
  
  .confluence-information-macro-icon:after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 16px !important;
    height: 16px !important;
    background-color: #0052cc !important;
    border-radius: 50% !important;
    z-index: 1 !important;
  }
  /* ========== CUSTOM INLINE COLORS ========== */
  [data-colorid] {
    color: #0747a6;
  }
  span[style*="background-color"] {
    padding: 2px 4px;
    border-radius: 3px;
  }
  
  /* ========== DARK MODE SUPPORT ========== */
  [data-color-mode="dark"] .confluence-information-macro-information {
    background-color: #1a2a40;
    border-color: #4c9aff;
  }
  [data-color-mode="dark"] .confluence-information-macro-note {
    background-color: #4d4a1f;
    border-color: #ffab00;
  }
  [data-color-mode="dark"] .confluence-information-macro-tip {
    background-color: #1f3c30;
    border-color: #36b37e;
  }
  [data-color-mode="dark"] .confluence-information-macro-warning {
    background-color: #402525;
    border-color: #ff5630;
  }
  [data-color-mode="dark"] .confluenceTable {
    background-color: #2b2b2b;
    color: #dcdcdc;
  }
  [data-color-mode="dark"] .confluenceTh {
    background-color: #3b3b3b;
  }
  [data-color-mode="dark"] .confluenceTd {
    background-color: #2b2b2b;
  }
  [data-color-mode="dark"] .code.panel.pdl {
    background-color: #2b2b2b;
    border-color: #444;
  }
  [data-color-mode="dark"] .confluence-embedded-image {
    border-color: #555;
  }
  [data-color-mode="dark"] blockquote {
    border-left-color: #555;
    background: #2b2b2b;
    color: #ccc;
  }