@import url('style.css');

.page { max-width: 760px; }

nav.adm {
  display: flex; flex-wrap: wrap; gap: 8px;
  margin-bottom: 26px;
}
nav.adm a {
  text-decoration: none;
  color: var(--encre);
  border: 1px solid var(--or-clair);
  background: #fff;
  padding: 8px 14px;
  font-size: 14px;
  letter-spacing: 1px;
}
nav.adm a.actif, nav.adm a:hover { background: var(--encre); color: var(--or-clair); border-color: var(--or); }
nav.adm a.deco { margin-left: auto; color: #a05a3e; }

table { width: 100%; border-collapse: collapse; font-size: 14px; background: #fff; }
th { text-align: left; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; font-size: 12px;
     color: var(--brun); border-bottom: 2px solid var(--or-clair); padding: 9px 8px; }
td { padding: 9px 8px; border-bottom: 1px solid var(--poudre); vertical-align: top; }
tr:hover td { background: #fdf9f0; }

.btn-mini {
  display: inline-block; padding: 5px 10px; font-size: 13px;
  border: 1px solid var(--or); background: #fff; color: var(--encre);
  cursor: pointer; text-decoration: none; font-family: 'Jost', sans-serif;
}
.btn-mini:hover { background: var(--poudre); }
.btn-mini.danger { border-color: #b0553e; color: #8a3a26; }
.btn-mini.danger:hover { background: #f7e8e4; }

.grille-form { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.grille-form .pleine { grid-column: 1 / -1; }
@media (max-width: 560px) { .grille-form { grid-template-columns: 1fr; } }

.stat { display: inline-block; background: #fff; border: 1px solid var(--or-clair);
        padding: 12px 20px; margin: 0 10px 16px 0; text-align: center; }
.stat b { display: block; font-family: 'Cormorant Garamond', serif; font-size: 30px; color: var(--or); }
.stat span { font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: var(--brun); }

.resa-detail { font-size: 13px; color: var(--brun); }
.complet { color: #8a3a26; font-weight: 500; }

.ico-palette { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.ico-choix {
  width: 34px; height: 34px; font-size: 18px; line-height: 1;
  border: 1px solid var(--or-clair); background: #fff; border-radius: 8px;
  cursor: pointer; transition: all .15s ease;
}
.ico-choix:hover { background: var(--poudre); border-color: var(--or); transform: translateY(-1px); }
.ico-aide { font-size: 12px; color: var(--brun); margin-top: 8px; line-height: 1.5; }