:root{--bg:#f7f4ef;--ink:#2c2926;--muted:#716a62;--card:#fff;--accent:#7f5f46;--border:#e5ded6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5}.container{max-width:1100px;margin:auto;padding:28px}.hero{padding:42px 0}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:22px;margin-bottom:18px;box-shadow:0 8px 24px rgba(0,0,0,.04)}h1,h2,h3{line-height:1.15}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product{cursor:pointer}.product input{margin-right:8px}.price{font-weight:700;color:var(--accent)}label{font-weight:700;display:block;margin-bottom:6px}input,textarea,select{width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;background:#fff}textarea{min-height:90px}.btn{display:inline-block;background:var(--accent);color:#fff;border:0;border-radius:999px;padding:13px 22px;text-decoration:none;font-weight:700;cursor:pointer}.btn.secondary{background:#3d3833}.muted{color:var(--muted)}.admin-nav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.admin-nav a{padding:10px 14px;background:#fff;border:1px solid var(--border);border-radius:999px;text-decoration:none;color:var(--ink)}table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}td,th{padding:12px;border-bottom:1px solid var(--border);text-align:left}.badge{display:inline-block;padding:4px 9px;border-radius:99px;background:#eee}.hidden{display:none}@media(max-width:800px){.grid,.products{grid-template-columns:1fr}.container{padding:18px}}
.total-box{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;padding:16px 18px;background:#fbf8f4;border:1px solid var(--border);border-radius:14px}.total-box span{color:var(--muted);font-weight:700}.total-box strong{font-size:1.5rem;color:var(--accent)}.is-disabled{opacity:.55}.is-disabled textarea{background:#f5f1ec;cursor:not-allowed}

.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.order-main{margin-bottom:18px}.order-summary-sticky{position:sticky;top:18px}.sticky-total{margin:0;display:block;text-align:left}.sticky-total span{display:block;margin-bottom:4px}.sticky-total strong{display:block;font-size:2rem;line-height:1.1}.sticky-total small{display:block;margin-top:8px;color:var(--muted);font-weight:400}.sticky-total.is-updated{animation:totalPulse .25s ease-out}@keyframes totalPulse{0%{transform:scale(1)}50%{transform:scale(1.025)}100%{transform:scale(1)}}@media(max-width:900px){.order-layout{display:flex;flex-direction:column}.order-summary-sticky{position:sticky;bottom:0;top:auto;z-index:20;width:100%;order:-1}.sticky-total{border-radius:16px;box-shadow:0 -8px 26px rgba(0,0,0,.08)}}

/* Admin UX v6 */
.admin-dashboard{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat-card{display:block;background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px;text-decoration:none;color:var(--ink);box-shadow:0 8px 24px rgba(0,0,0,.04)}.stat-card span{display:block;color:var(--muted);font-size:.9rem}.stat-card strong{display:block;font-size:2rem;line-height:1.1;margin-top:6px}.stat-card.danger strong{color:#a33}.admin-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.filter-row{display:flex;gap:8px;flex-wrap:wrap}.btn.small{padding:8px 13px;font-size:.9rem}.btn.danger{background:#9d3c32}.admin-table th{font-size:.88rem;color:var(--muted)}.badge.status-success{background:#dff3e6;color:#1f6b3a}.badge.status-warning{background:#fff1cf;color:#806000}.badge.status-danger{background:#fde2df;color:#9d3c32}.badge.status-neutral{background:#eee;color:#4a4641}.order-admin-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.order-admin-total{text-align:right}.order-admin-total span{display:block;color:var(--muted)}.order-admin-total strong{font-size:2rem;color:var(--accent)}.admin-status-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-status-bar span{display:block;color:var(--muted);font-size:.9rem;margin-bottom:6px}.admin-two-cols{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.admin-two-cols aside{position:sticky;top:18px}.quick-actions{display:flex;gap:10px;flex-wrap:wrap}.detail-list p{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:10px 0;border-bottom:1px solid var(--border);margin:0}.detail-list span{color:var(--muted)}.timeline{border-left:2px solid var(--border);padding-left:14px}.timeline-item{position:relative;padding:0 0 16px 4px}.timeline-item:before{content:"";position:absolute;left:-22px;top:5px;width:12px;height:12px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 3px #fff}.timeline-item strong{display:block}.timeline-item span{display:block;color:var(--muted);font-size:.86rem}.timeline-item p{margin:6px 0 0}.invoice-card{border-color:#f1d493;background:#fffaf0}@media(max-width:1000px){.admin-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-two-cols{grid-template-columns:1fr}.admin-two-cols aside{position:static}.order-admin-header{display:block}.order-admin-total{text-align:left;margin-top:12px}.admin-status-bar{grid-template-columns:1fr}}@media(max-width:700px){.admin-dashboard{grid-template-columns:1fr}.detail-list p{grid-template-columns:1fr}.admin-table{font-size:.9rem}}

/* Admin UX v7 - badges plus visibles + détails lisibles */
.badge{font-weight:800;letter-spacing:.01em;border:1px solid transparent;white-space:nowrap}
.badge.status-success,.status-success{background:#d1f7df!important;color:#12662f!important;border-color:#8ddeaa!important}
.badge.status-warning,.status-warning{background:#fff0b8!important;color:#735100!important;border-color:#e8c65b!important}
.badge.status-danger,.status-danger{background:#ffd9d4!important;color:#97281f!important;border-color:#ee9a92!important}
.badge.status-neutral,.status-neutral{background:#ede8e1!important;color:#4a423a!important;border-color:#d9cec3!important}
.admin-status-bar .badge{font-size:1rem;padding:8px 12px;display:inline-flex;align-items:center;gap:6px}
.admin-table .badge{padding:7px 10px}
.detail-list{display:block;margin-top:8px}
.detail-row{display:grid;grid-template-columns:170px minmax(0,1fr);gap:18px;padding:14px 0;border-bottom:1px solid var(--border)}
.detail-row:first-child{padding-top:4px}.detail-row:last-child{border-bottom:0;padding-bottom:0}
.detail-label{color:var(--muted);font-weight:800}.detail-value{line-height:1.65}.detail-value strong{font-weight:800}.detail-value .price{display:inline-block;margin-top:2px}
.detail-list p{display:grid;grid-template-columns:170px minmax(0,1fr);gap:18px;padding:14px 0}.detail-list p span::after{content:':'}.detail-list p strong{line-height:1.65}
.card h2{margin-top:0;margin-bottom:14px}
@media(max-width:700px){.detail-row{grid-template-columns:1fr;gap:4px}.detail-label{margin-bottom:0}}
.alert{padding:14px 16px;border-radius:12px;margin:14px 0;font-weight:700}.alert.success{background:#e8f7ef;color:#17663b;border:1px solid #b9e6cc}.alert.danger{background:#fdeaea;color:#8a1f1f;border:1px solid #f5bcbc}.mini-history{display:grid;gap:10px;margin-top:12px}.mini-history>div{padding:10px 12px;border:1px solid #eee;border-radius:10px;background:#fafafa}.mini-history span{font-size:.88rem;color:#666}.small{padding:7px 10px;font-size:.9rem}.florist-card form{margin-bottom:14px}

/* Admin UX v9 - cartes dashboard cliquables */
.stat-card{position:relative;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.stat-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.08);border-color:#bca98f}
.stat-card em{display:inline-block;margin-top:8px;font-style:normal;font-size:.82rem;color:var(--accent);font-weight:800}
.stat-card.warning strong{color:#8a6400}.stat-card.success strong{color:#1f7a42}.stat-card.invoice strong{color:#7f5f46}.stat-card.danger strong{color:#a33}
.stat-card.active{outline:3px solid rgba(127,95,70,.22);border-color:var(--accent)}
.active-filter-box{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff8ed;border:1px solid #ecd9bd;border-radius:14px;padding:12px 14px;margin:16px 0}
.active-filter-box span{color:var(--muted)}


/* Admin UX v10 - interface plus compacte + bouton masquer */
.admin-dashboard{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}
.stat-card{border-radius:12px;padding:11px 12px;min-height:86px}
.stat-card span{font-size:.78rem;line-height:1.2}
.stat-card strong{font-size:1.45rem;margin-top:3px}
.stat-card em{font-size:.72rem;margin-top:4px}
.card{padding:18px;border-radius:16px}.card h1{font-size:2rem;margin:0 0 10px}.card h2{font-size:1.15rem}.muted{font-size:.95rem}
.active-filter-box{padding:9px 11px;margin:12px 0;font-size:.92rem}
.filter-row{gap:7px;margin:12px 0 18px}.filter-row .btn.secondary{font-size:.82rem;padding:8px 12px;border-radius:999px}
.admin-table th{font-size:.78rem}.admin-table td,.admin-table th{padding:9px 10px}.admin-table{font-size:.9rem}.admin-table .badge{padding:5px 8px;font-size:.78rem}.btn.small{padding:6px 10px;font-size:.8rem}
.admin-nav a{padding:8px 12px;font-size:.88rem}.container{max-width:1160px;padding:24px}
.quick-actions{align-items:center}.archive-order-form{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.btn.outline{background:#fff!important;color:#9d3c32!important;border:1px solid #9d3c32!important}
.alert.info{background:#eef5ff;color:#22507a;border:1px solid #bdd7f4}
@media(max-width:1000px){.admin-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.card h1{font-size:1.65rem}.admin-dashboard{grid-template-columns:1fr}.container{padding:16px}}

/* Admin UX v11 - filtres fins et interface plus élégante */
.admin-dashboard{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin-bottom:16px;
}
.stat-card{
  border-radius:14px;
  padding:12px 14px;
  min-height:82px;
  box-shadow:0 4px 16px rgba(0,0,0,.035);
}
.stat-card span{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em}
.stat-card strong{font-size:1.55rem;margin-top:4px}
.stat-card em{font-size:.72rem;opacity:.85}
.card{padding:22px 24px}
.card h1{font-size:1.9rem;letter-spacing:-.03em;margin-bottom:8px}
.admin-title-row .muted{margin:0;font-size:.92rem}
.active-filter-box{
  background:#fbf8f4;
  border:1px solid #eadfd4;
  border-radius:12px;
  padding:10px 12px;
  margin:18px 0 12px;
  font-size:.9rem;
}
.filter-row{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:12px 0 22px;
}
.filter-row .btn.secondary{
  display:inline-flex;
  align-items:center;
  min-height:31px;
  padding:6px 11px;
  border:1px solid #ddd6cc;
  border-radius:999px;
  background:#fff!important;
  color:#3f3933!important;
  font-size:.78rem;
  font-weight:700;
  line-height:1;
  box-shadow:none;
}
.filter-row .btn.secondary:hover{
  background:#f7f2ec!important;
  border-color:#cbb9a8;
}
.filter-row .btn.secondary.is-active{
  background:#3f3933!important;
  border-color:#3f3933;
  color:#fff!important;
}
.admin-table{
  font-size:.86rem;
  border:1px solid var(--border);
}
.admin-table th{
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:#7b736b;
  background:#fbf8f4;
}
.admin-table td,.admin-table th{padding:10px 12px;vertical-align:middle}
.admin-table .badge{
  padding:4px 8px;
  font-size:.75rem;
  font-weight:800;
}
.admin-table .btn.small{
  padding:6px 11px;
  font-size:.78rem;
  border-radius:999px;
}
@media(max-width:1000px){.admin-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.admin-dashboard{grid-template-columns:1fr}.filter-row{gap:6px}.filter-row .btn.secondary{font-size:.76rem;padding:6px 10px}.card{padding:18px}}