/* ============================================================
   murauerIT Suite 2.0 — Custom Overrides for Tocly Theme
   ============================================================ */

/* ---- Produkttabelle ---- */
.product-thumb {
    width: 50px;
    height: 50px;
    object-fit: contain;
    background: #f8f9fa;
    border-radius: 4px;
}
.price-ek  { color: #c0392b; font-weight: 600; }
.price-vk  { color: #27ae60; font-weight: 600; }
.marge-positive { color: #27ae60; font-weight: 600; }
.marge-negative { color: #c0392b; font-weight: 600; }
.stock-high { color: #27ae60; }
.stock-low  { color: #f39c12; }
.stock-zero { color: #c0392b; }
.badge-stock {
    font-size: 0.8rem;
    min-width: 40px;
    display: inline-block;
    text-align: center;
}

/* ---- Suchergebnis-Tabelle: Zeilen klickbar ---- */
.table-hover tbody tr { cursor: pointer; }

/* ---- Offer Wizard Steps ---- */
.wizard-steps {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}
.wizard-steps .step {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 1rem;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 500;
    background: #f3f4f6;
    color: #6c757d;
    border: 1px solid #dee2e6;
}
.wizard-steps .step.active {
    background: var(--bs-primary, #556ee6);
    color: #fff;
    border-color: var(--bs-primary, #556ee6);
}
.wizard-steps .step.completed {
    background: #34c38f;
    color: #fff;
    border-color: #34c38f;
}
.wizard-steps .step-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(255,255,255,0.25);
    font-size: 0.75rem;
    font-weight: 700;
}
.wizard-steps .step.active .step-number,
.wizard-steps .step.completed .step-number {
    background: rgba(255,255,255,0.3);
}

/* ---- Offer-Positions Tabelle ---- */
#positions-table th,
#positions-table td { vertical-align: middle; font-size: 0.85rem; }

/* ---- Login-Seite ---- */
.auth-logo img { max-height: 60px; }

/* ---- Page-title in topbar ---- */
.page-title { font-size: 0.95rem; }

/* ---- Navlink active ---- */
.topnav .navbar-nav .nav-item.active > .nav-link {
    color: var(--bs-primary, #556ee6) !important;
}

/* ---- Tabellen in Cards: kein doppelter Rand ---- */
.card .table { margin-bottom: 0; }

/* ---- Alert margin fix ---- */
.page-content .alert { margin-bottom: 1rem; }

/* ---- Profile cards ---- */
.profile-section-card { margin-bottom: 1.5rem; }
