/* CSS pro dashboard stránku - sidebar styly jsou v user_sidebar.css */
body { 
    font-family: Arial, sans-serif; 
    margin: 0; 
    padding: 0; 
}


/* Task Cards Styles - CHYBĚJÍCÍ STYLY */
.container {
    display: flex; 
    flex-direction: column; 
    gap: 24px; 
    padding: 12px; 
    background: #fff;
}

.wrapper {
    display: flex; 
    justify-content: space-between; 
    align-items: stretch;
    gap: 12px; 
    width: 100%; 
    margin: 0;
}

.task-card {
    flex: 1; 
    background: #fff; 
    border: 1px solid #ddd; 
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1); 
    transition: transform .2s, box-shadow .2s;
    display: flex; 
    flex-direction: column;
}

.task-card:hover {
    transform: scale(1.02); 
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
}

.task-link-panel {
    flex: 0 0 96px; 
    width: 96px; 
    background: rgba(0,0,0,0.05);
    border: 1px solid #ddd; 
    border-radius: 5px; 
    display: flex;
    align-items: center; 
    justify-content: center; 
    font-size: 12px;
    color: #007bff; 
    text-decoration: none; 
    font-weight: bold;
    writing-mode: vertical-rl; 
    text-orientation: mixed; 
    cursor: pointer;
}

.download-link { 
    color: black; 
    text-decoration: none; 
}

.download-link:hover { 
    color: red; 
}

/* Fix text overflow in task cards */
.task-card p, .task-card div {
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
}

/* Task Button Container */
.task-button-container {
    transform: translateX(-40px);
}

/* Dashboard specific styles */
table.modern-dashboard {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    font-size: 20px;
}

table.modern-dashboard thead {
    background: linear-gradient(135deg, #000, #ff0000);
    color: #fff;
}

table.modern-dashboard th, table.modern-dashboard td {
    padding: 15px;
    text-align: left;
    border-bottom: 1.25px solid #f2f2f2;
}

table.modern-dashboard tbody tr:nth-child(even) {
    background: #f9f9f9;
}

table.modern-dashboard tbody tr:hover {
    background: #f1f1f1;
}

button {
    background: #ff0000;
    color: #fff;
    border: none;
    padding: 12.5px 25px;
    border-radius: 6.25px;
    cursor: pointer;
    transition: background 0.3s;
}

button:hover { 
    background: #cc0000; 
}

/* Mobile responsive - základní responsive styly jsou v user_sidebar.css */

@media screen and (max-width: 600px) {
    table.modern-dashboard,
    table.modern-dashboard thead,
    table.modern-dashboard tbody,
    table.modern-dashboard th,
    table.modern-dashboard td,
    table.modern-dashboard tr {
        display: block;
    }
    table.modern-dashboard thead tr { display: none; }
    table.modern-dashboard tr { margin-bottom: 18.75px; }
    table.modern-dashboard td {
        text-align: right;
        padding-left: 62.5px;
        position: relative;
    }
    table.modern-dashboard td::before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        width: 45%;
        padding-left: 18.75px;
        font-weight: bold;
        text-align: left;
    }
}