/*
autors: Eriks Kemlers
izveidots: 15/04/2026
labots: 16/04/2026
darbs: ke_user_dashboard
*/

body{
    margin:0; /* nonem automatisko margin */
    font-family:Arial, Helvetica, sans-serif; /* teksta fonts */
    background:#f2f2f2; /* fona krasa */
}

.container{
    width:900px; /* nofiksets platums */
    margin:60px auto; /* nocentrets un ir neliels attalums no augsas */
    background:white; /* balts fons */
    padding:30px; /* iekseja atstarpe */
    box-shadow:0 0 12px rgba(0,0,0,0.1); /* ena */
    border-radius:10px; /* apaloti sturi */
}

h1{
    text-align:center; /* nocentrets virsraksts */
    margin-bottom:20px; /* atstarpe zem virsraksta */
}

.nav{
    text-align: center; /* nocentrets */
    margin-bottom:20px; /* atstarpe zem navigacijas */
}

.nav a{
    margin:0 10px; /* atstarpe starp linkiem */
    text-decoration:none; /* nonem underline */
    color:#333; /* teksta krasa */
    font-weight:bold; /* trekns teksts */
    padding:6px 10px; /* iekseja atstarpe */
    border-radius:6px; /* apaloti sturi */
    transition:0.2s; /* hover animacija */
}

.nav a:hover{
    background:#555; /* hover krasa */
}

.nav-active{
    background:#333; /* kad ir aktivs, nomaina krasu */
    color:white !important; /* balta krasa */
}

.form-group{
    display:flex; /* flex izkartojums */
    justify-content:center; /* centrs horizontali */
    gap:10px; /* atstarpe starp elementiem */
    margin-bottom:15px; /* atstarpe apaksa */
    flex-wrap:wrap; /* parluzums mazam ekranam */
}

input{
    padding:10px; /* iekseja atstarpe */
    border:1px solid #ccc; /* ramis */
    border-radius:6px; /* apaloti sturi */
}

button{
    padding:10px 16px; /* izmers */
    border:none; /* bez ramja */
    border-radius:6px; /* apaloti sturi */
    cursor:pointer; /* kursors */
    background:#333; /* fona krasa */
    color:white; /* teksta krasa */
}

button:hover{
    background:#555; /* kad hovero pogam, mainas krasa */
}

table{
    width:100%; /* platums */
    border-collapse:collapse; /* nonem dubultas linijas */
    margin-top:20px; /* atstarpe virs tabulas */
}

th, td{
    padding:10px; /* iekseja atstarpe */
    border:1px solid #ddd; /* ramis */
    text-align:center; /* teksts centra */
}

th{
    background:#f0f0f0; /* fona krasa galvenei */
}