/* ============================================================
   STIHL Handlungsempfehlungen Dashboard
   Custom Styles + STIHL Branding
   ============================================================ */

/* ---- STIHL Brand Colors ---- */
:root {
    --stihl-orange: #F37A1F;
    --stihl-orange-dark: #D6691A;
    --stihl-orange-light: #FEF3EB;
    --stihl-dark: #333333;
    --stihl-gray: #666666;
    --stihl-light-gray: #F5F5F5;
    --stihl-white: #FFFFFF;
    --stihl-border: #E0E0E0;
}

/* ---- Tailwind Custom Color Overrides ---- */
.bg-stihl-orange       { background-color: var(--stihl-orange) !important; }
.bg-stihl-orange-dark  { background-color: var(--stihl-orange-dark) !important; }
.text-stihl-orange     { color: var(--stihl-orange) !important; }
.border-stihl-orange   { border-color: var(--stihl-orange) !important; }
.hover\:bg-stihl-orange-dark:hover { background-color: var(--stihl-orange-dark) !important; }
.hover\:text-stihl-orange:hover    { color: var(--stihl-orange) !important; }
.focus\:border-stihl-orange:focus  { border-color: var(--stihl-orange) !important; }
.focus\:ring-stihl-orange\/20:focus {
    --tw-ring-color: rgba(243, 122, 31, 0.2);
    box-shadow: 0 0 0 3px var(--tw-ring-color);
}
.accent-stihl-orange   { accent-color: var(--stihl-orange); }

/* ---- Body ---- */
body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: var(--stihl-dark);
}

/* ---- Table ---- */
table th {
    white-space: nowrap;
}

table td {
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

table tr:hover td {
    white-space: normal;
    overflow: visible;
}

/* ---- Orange highlight for selected rows ---- */
tr.border-stihl-orange {
    border-left-color: var(--stihl-orange) !important;
}

.bg-orange-50 {
    background-color: var(--stihl-orange-light) !important;
}

/* ---- Scrollbar ---- */
.overflow-x-auto::-webkit-scrollbar {
    height: 6px;
}

.overflow-x-auto::-webkit-scrollbar-track {
    background: var(--stihl-light-gray);
    border-radius: 3px;
}

.overflow-x-auto::-webkit-scrollbar-thumb {
    background: var(--stihl-border);
    border-radius: 3px;
}

.overflow-x-auto::-webkit-scrollbar-thumb:hover {
    background: var(--stihl-gray);
}

/* ---- Spinner ---- */
@keyframes spin {
    to { transform: rotate(360deg); }
}

.animate-spin {
    animation: spin 1s linear infinite;
}

/* ---- Print Styles ---- */
@media print {
    header, footer, .bg-stihl-orange, input[type="text"], button {
        display: none !important;
    }

    table {
        font-size: 10px;
    }
}