:root {
    --primary: #2e7d32;
    --secondary: #0089ff;
    --light: #e8f5e9;
    --dark: #1b5e20;
    --white: #ffffff;
    --error: #d32f2f;
    --par-bg: #fff3e0; /* Pozadí pro řádek Par */
}
body { font-family: 'Segoe UI', sans-serif; background-color: #f0f2f5; margin: 0; padding: 20px; color: #333; }
.container { max-width: 1000px; margin: 0 auto; background: var(--white); padding: 20px; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); display: none; }
h1, h2 { text-align: center; color: var(--dark); }

/* Login */
#login-screen { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, var(--dark), var(--primary)); display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 1000; color: white; }
.login-box { background: white; padding: 30px; border-radius: 10px; text-align: center; }
.login-box input { padding: 10px; font-size: 18px; border: 2px solid #ddd; border-radius: 5px; margin-bottom: 10px; text-align: center; }

/* UI */
.input-group { margin-bottom: 15px; }
label { display: block; margin-bottom: 5px; font-weight: bold; }
input[type="text"], input[type="number"] { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; }
button { background-color: var(--primary); color: white; border: none; padding: 12px 20px; border-radius: 5px; cursor: pointer; font-size: 16px; width: 100%; margin-top: 10px; font-weight: bold; }
button:hover { background-color: var(--dark); }
.btn-warning { background-color: var(--secondary); }
.btn-danger { background-color: var(--error); }
.btn-info { background-color: #0288d1; }

/* Table */
.table-wrapper { overflow-x: auto; margin-top: 20px; }
table { width: 100%; border-collapse: collapse; min-width: 600px; }
th, td { padding: 8px; text-align: center; border-bottom: 1px solid #ddd; }
th { background-color: var(--light); color: var(--dark); }

/* Sticky Columns */
td:first-child, th:first-child { position: sticky; left: 0; background-color: var(--white); z-index: 1; font-weight: bold; border-right: 2px solid #ddd; min-width: 100px;}
th:first-child { background-color: var(--light); }
tr.par-row td:first-child { background-color: var(--par-bg); color: var(--secondary); }

/* Inputs */
input.score-input { width: 45px; padding: 5px; text-align: center; font-weight: bold; border: 1px solid #ccc; border-radius: 4px; }
input.par-input { width: 45px; padding: 5px; text-align: center; font-weight: bold; background-color: #fff8e1; border: 1px solid #ffe0b2; color: var(--secondary); border-radius: 4px; }

/* Par Row Styling */
.par-row { background-color: var(--par-bg); font-weight: bold; }
.par-row td { border-bottom: 2px solid #ffcc80; }

/* Score Colors */
.score-under { color: #2e7d32; } /* Pod par - Zelená */
.score-over { color: #d32f2f; }  /* Nad par - Červená */
.score-even { color: #757575; }  /* Even - Šedá */

/* Leaderboard & History */
.leaderboard { background-color: var(--light); padding: 15px; margin-top: 20px; border-radius: 8px; }
.leaderboard-item { display: flex; justify-content: space-between; padding: 5px 0; border-bottom: 1px solid #ccc; }
.history-card { background: #fff; border: 1px solid #ddd; margin-bottom: 10px; padding: 10px; border-radius: 5px; cursor: pointer; }
.player-tag { display: inline-block; background: #ddd; padding: 5px 12px; border-radius: 15px; margin: 5px; font-size: 14px; }

/* Tlačítko pro smazání v historii */
.btn-delete-item {
    background-color: transparent;
    color: #999;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px 10px;
    margin-left: 10px;
    width: auto;
    margin-top: 0;
    font-size: 1.2em;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-delete-item:hover {
    background-color: #ffebee;
    color: #d32f2f; /* Červená při najetí */
    border-color: #d32f2f;
}