/* --------------------
   Admin layout
-------------------- */

.admin {
    max-width: 1100px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.admin h1 {
    margin-bottom: 1.5rem;
}

/* --------------------
   Admin menu
-------------------- */

.admin-menu {
    margin-bottom: 2rem;
}

.admin-menu a {
    display: inline-block;
    margin-right: 1rem;
    padding: 0.4rem 0.8rem;
    background: #f2f2f2;
    border-radius: 4px;
    text-decoration: none;
}

.admin-menu a:hover {
    background: #e6e6e6;
}

/* --------------------
   Tables
-------------------- */

.admin table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.admin th,
.admin td {
    padding: 0.5rem 0.6rem;
    border-bottom: 1px solid #ddd;
    text-align: left;
    vertical-align: middle;
}

.admin th {
    background: #f7f7f7;
    font-weight: 600;
}

.admin tr:hover td {
    background: #fafafa;
}

.admin code {
    background: #f0f0f0;
    padding: 2px 4px;
    border-radius: 3px;
}

/* --------------------
   Actions
-------------------- */

.admin a.action {
    text-decoration: none;
    font-size: 0.85rem;
}

.admin a.action:hover {
    text-decoration: underline;
}

/* --------------------
   Form admin
-------------------- */

.admin form {
    max-width: 700px;
}

.admin label {
    display: block;
    margin-top: 1rem;
    font-weight: 600;
}

.admin input,
.admin textarea,
.admin select {
    width: 100%;
    padding: 0.4rem;
    margin-top: 0.3rem;
}

.admin button {
    margin-top: 1.5rem;
    padding: 0.5rem 1rem;
}