.form-control--weak-placeholder::placeholder{
  opacity: 0.4;
}


/* ==========================================================================
   SYSTEMETS ENHETLIGA KNAPP- OCH TABELLTEMAN
   ========================================================================== */

/* --- 1. Stora Åtgärdsknappar (Huvudmenyer, Skapa, Spara) --- */
.btn-success {
    background-color: #198754 !important; /* Din fasta gröna profilfärg */
    border-color: #198754 !important;
    color: #ffffff !important;
    font-size: 0.875rem;
    padding: 0.4rem 0.8rem;
}
.btn-success:hover {
    background-color: #146c3e !important;
    border-color: #146c3e !important;
}

.btn-outline-secondary {
    color: #6c757d !important;
    border-color: #6c757d !important;
    font-size: 0.875rem;
    padding: 0.4rem 0.8rem;
}
.btn-outline-secondary:hover {
    background-color: #6c757d !important;
    color: #ffffff !important;
}

/* --- 2. Små Radåtgärder i Listor/Tabeller (.btn-table-action) --- */
.btn-table-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent !important;
    border: 1px solid #dee2e6 !important; /* Subtil ljusgrå ram */
    color: #495057 !important; /* Neutral mörkgrå ikonfärg som standard */
    padding: 0.25rem 0.5rem !important;
    font-size: 0.875rem !important;
    border-radius: 0.375rem !important;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    text-decoration: none;
}

/* Gemensam hover-effekt för standardikoner (t.ex. Öga, Redigera, Kopiera) */
.btn-table-action:hover {
    color: #198754 !important; /* Profilfärgen grön vid hover */
    border-color: #198754 !important;
    background-color: #f8f9fa !important;
}

/* --- 3. Semantiska färgjusteringar inuti tabellknapparna --- */

/* Farliga knappar (Radera utkast permanent) -> Röd soptunna vid hover och direkt */
.btn-table-action .bi-trash.text-danger {
    color: #dc3545 !important;
}
.btn-table-action:hover .bi-trash.text-danger {
    color: #b02a37 !important; /* Mörkare röd vid hover */
}

/* Reversibla/Varningar (Makulera verifikat) -> Stabil bärnstenstext för kontrast */
.btn-table-action .bi-x-circle.text-warning {
    color: #f1a106 !important; /* Bärnsten/Mörkgul istället för skrikig gul */
}
.btn-table-action:hover .bi-x-circle.text-warning {
    color: #d18c00 !important;
    border-color: #d18c00 !important;
}

/* --- 4. Låst Läge --- Ikonen syns alltid, men nedtonad och inte klickbar.
   Alla tre skrivsätten stöds så att befintliga mallar beter sig likadant:
   attributet disabled, Bootstraps .disabled/.opacity-50 och .disabled-action. */
.btn-table-action:disabled,
.btn-table-action.disabled,
.btn-table-action.disabled-action,
.btn-table-action.opacity-50 {
    color: #6c757d !important;
    background-color: #e9ecef !important; /* Ljusgrå blockerad bakgrund */
    border-color: #dee2e6 !important;
    cursor: not-allowed !important;
    opacity: 0.4 !important;
    pointer-events: none; /* Krävs för <a>/<span> som inte stödjer disabled-attributet */
}
.btn-table-action:disabled:hover,
.btn-table-action.disabled:hover,
.btn-table-action.disabled-action:hover,
.btn-table-action.opacity-50:hover {
    color: #6c757d !important;
    border-color: #dee2e6 !important;
    background-color: #e9ecef !important;
}
/* Nedtonade ikoner ska inte behålla sin semantiska färg (röd soptunna osv.) */
.btn-table-action:disabled .bi,
.btn-table-action.disabled .bi,
.btn-table-action.disabled-action .bi,
.btn-table-action.opacity-50 .bi {
    color: #6c757d !important;
}

/* --- 5. Åtgärdskolumn: alla ikoner ska alltid ligga på en rad --- */
.actions-cell {
    white-space: nowrap;
}
.actions-cell .btn-group,
.actions-cell form {
    white-space: nowrap;
}
.actions-cell .btn-table-action {
    flex: 0 0 auto;
}


.invoice-stamp-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding-bottom: 10px;
}

.bankgiro-stamp {
    color: #dc3545;
    border: 4px double #dc3545;
    border-radius: 4px;
    padding: 8px 12px;
    font-weight: 900;
    font-size: 0.95rem;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.2;
    transform: rotate(-6deg);
    font-family: 'Courier New', Courier, monospace;
    opacity: 0.85;
    background-color: rgba(255, 255, 255, 0.6);
}

.stamp-title {
    font-size: 1.1rem;
    letter-spacing: 0.5px;
    display: block;
    margin-bottom: 1px;
}