/* admin.css — Tableau de bord Oulet Hrayer */
:root{--green-900:#16271e;--green-800:#1f3d2f;--green-700:#2d5a43;--gold:#c79a4b;--gold-deep:#a87b32;
--cream:#f6f0e3;--paper:#fbf7ef;--ink:#1c241e;--line:#e3d9c4;--berry:#9e3b3b;
--sans:'DM Sans',system-ui,sans-serif;--serif:'Fraunces',Georgia,serif}
*{box-sizing:border-box}
body{margin:0;font-family:var(--sans);background:#f1ece0;color:var(--ink)}
a{color:inherit;text-decoration:none}
input,select,textarea,button{font-family:inherit}

/* Top bar */
.atop{background:var(--green-900);color:#f3ecd8;display:flex;align-items:center;justify-content:space-between;padding:.7rem 1.4rem;flex-wrap:wrap;gap:.6rem;position:sticky;top:0;z-index:20}
.atop__brand{display:flex;align-items:center;gap:.5rem}
.atop__brand strong{font-family:var(--serif);font-size:1.1rem}
.atop__brand span{font-size:.7rem;background:var(--gold);color:#2a200c;padding:.1rem .45rem;border-radius:6px;font-weight:700}
.atop__nav{display:flex;gap:.3rem;flex-wrap:wrap;align-items:center}
.atop__nav a{padding:.4rem .8rem;border-radius:8px;font-size:.9rem;color:#cfdcc9}
.atop__nav a:hover{background:rgba(255,255,255,.08)}
.atop__nav a.on{background:var(--gold);color:#2a200c;font-weight:700}
.atop__nav a.out{color:#e7b3b3}

.awrap{max-width:1100px;margin:1.6rem auto;padding:0 1.2rem}
.atitle{font-family:var(--serif);font-weight:600;color:var(--green-900);margin:.2rem 0 1.2rem}

/* Stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.6rem}
.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.2rem;display:flex;flex-direction:column;gap:.2rem}
.stat--accent{background:var(--green-800);color:#fff;border-color:var(--green-800)}
.stat__n{font-family:var(--serif);font-size:1.7rem;font-weight:700;color:var(--green-800)}
.stat--accent .stat__n{color:var(--gold)}
.stat__l{font-size:.82rem;color:#7c7768}
.stat--accent .stat__l{color:#cfdcc9}

/* Panels */
.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.2rem 1.3rem;margin-bottom:1.4rem}
.panel__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
.panel__head h2{font-family:var(--serif);font-weight:600;margin:0;font-size:1.2rem;color:var(--green-900)}
.empty{color:#8a8270;text-align:center;padding:1.5rem 0}

.cols{display:grid;grid-template-columns:380px 1fr;gap:1.4rem;align-items:start}

/* Forms */
.aform{display:flex;flex-direction:column;gap:.8rem}
.aform__row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.aform label{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;font-weight:600;color:var(--green-800)}
.aform input,.aform select,.aform textarea{padding:.6rem .7rem;border:1px solid var(--line);border-radius:9px;font-size:.92rem;background:#fdfbf6}
.aform input[type=color]{height:42px;padding:.2rem}
.aform .check{flex-direction:row;align-items:center;gap:.5rem;font-weight:500}
.aform__actions{display:flex;gap:.6rem;margin-top:.4rem}
.hint{font-size:.78rem;color:#8a8270;margin:0}

/* Buttons */
.abtn{border:0;border-radius:999px;padding:.62rem 1.2rem;font-weight:700;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}
.abtn--solid{background:var(--green-800);color:#fff}
.abtn--solid:hover{background:var(--green-900)}
.abtn--ghost{background:var(--cream);color:var(--green-800)}

/* Tables */
.table{width:100%;border-collapse:collapse;font-size:.9rem}
.table th{text-align:left;color:#8a8270;font-weight:600;font-size:.78rem;padding:.5rem .6rem;border-bottom:1px solid var(--line)}
.table td{padding:.6rem;border-bottom:1px solid #f0eadb;vertical-align:middle}
.table small{color:var(--gold-deep)}
.swatch{display:inline-block;width:22px;height:22px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}
.actions{display:flex;gap:.4rem}
.ico{font-size:1rem;padding:.2rem .35rem;border-radius:7px}
.ico:hover{background:var(--cream)}

.tag{display:inline-block;background:var(--cream);color:var(--green-800);font-size:.72rem;font-weight:600;padding:.2rem .55rem;border-radius:999px}
.tag--nouvelle{background:#fde9c8;color:#8a5a12}
.tag--confirmee{background:#cfe6d6;color:#1f5a39}
.tag--expediee{background:#cfe0f5;color:#1f4a7a}
.tag--livree{background:#d5efd9;color:#1f7a3a}
.tag--annulee{background:#f5d2d2;color:#8a1f1f}

/* Orders */
.order{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.2rem;margin-bottom:1rem}
.order__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem;flex-wrap:wrap;gap:.5rem}
.order__head .tag{margin-left:.5rem}
.order__date{color:#8a8270;font-size:.82rem}
.order__body{display:grid;grid-template-columns:1fr 1.3fr;gap:1.2rem}
.order__client p{margin:.2rem 0;font-size:.9rem}
.order__note,.order__gift{color:var(--gold-deep)}
.order__totals{display:flex;flex-direction:column;gap:.2rem;margin-top:.6rem;font-size:.88rem;text-align:right}
.order__totals strong{color:var(--green-800);font-size:1.05rem}
.order__status{display:flex;gap:.6rem;margin-top:1rem;border-top:1px solid #f0eadb;padding-top:.9rem}
.order__status select{padding:.5rem .7rem;border:1px solid var(--line);border-radius:9px}

/* Login */
.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(120% 120% at 50% 0,#21412f,#16271e);padding:1rem}
.login__card{background:var(--paper);border-radius:18px;padding:2.2rem;width:min(380px,100%);display:flex;flex-direction:column;gap:.8rem;text-align:center;box-shadow:0 30px 70px -30px rgba(0,0,0,.6)}
.login__card h1{font-family:var(--serif);font-size:1.3rem;color:var(--green-900);margin:0}
.login__sub{color:var(--gold-deep);margin:0 0 .5rem;font-weight:600}
.login__card label{display:flex;flex-direction:column;gap:.3rem;text-align:left;font-size:.82rem;font-weight:600;color:var(--green-800)}
.login__card input{padding:.7rem .8rem;border:1px solid var(--line);border-radius:9px;font-size:.95rem}
.login__back{color:#8a8270;font-size:.82rem;margin-top:.4rem}

.alert{background:#f5d2d2;color:#8a1f1f;padding:.7rem .9rem;border-radius:9px;font-size:.88rem}
.alert--ok{background:#d5efd9;color:#1f7a3a;margin-bottom:1rem}

@media(max-width:820px){.stats{grid-template-columns:1fr 1fr}.cols{grid-template-columns:1fr}.order__body{grid-template-columns:1fr}.order__totals{text-align:left}}