/* =========================
   SMART GLOBAL TOOLTIP
========================= */

.app-tooltip {
    position: absolute;
    max-width: 300px !important;
    background-color: rgb(16, 15, 15) !important;
    color: #ffffff;
    border-radius: 12px;
    border: 1px solid #918151;
    box-shadow: 0 8px 24px rgb(16, 15, 15);
    padding: 14px;
    font-size: 13px;
    z-index: 9999;
    transition: opacity 0.18s ease, transform 0.18s ease;
    opacity: 0;
    transform: translateY(6px);
}

.app-tooltip.show {
    opacity: 1;
    transform: translateY(0);
}

/* GOLD CARET */
.app-tooltip::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
}

/* Caret Top */
.app-tooltip[data-position="bottom"]::before {
    top: -8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid rgb(16, 15, 15);
    left: var(--arrow-left, 30px);
}

/* Caret Bottom */
.app-tooltip[data-position="top"]::before {
    bottom: -8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid rgb(16, 15, 15);
    left: var(--arrow-left, 30px);
}

/* Content Styles */
.tooltip-title {
    font-weight: 700;
    margin-bottom: 6px;
}

.tooltip-status {
    font-size: 12px;
    margin-bottom: 6px;
}

.tooltip-status.success { color: #198754; }
.tooltip-status.danger { color: #dc3545; }
.tooltip-status.warning { color: #ffc107; }
.tooltip-status.info { color: #0dcaf0; }

.tooltip-id {
    background: #f8f9fa;
    padding: 6px 8px;
    border-radius: 6px;
    font-family: monospace;
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tooltip-copy {
    cursor: pointer;
    color: #0d6efd;
    font-size: 11px;
}