/* TDD Matériaux V1.11.3 — présentation liste + détail validée sur maquette */
.materials-toolbar{margin-bottom:22px}.materials-toolbar__filters{grid-template-columns:repeat(2,minmax(190px,1fr)) auto auto}.materials-result-summary{margin-bottom:14px}.materials-admin-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.materials-admin-actions form{margin:0}

.materials-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.material-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid rgba(184,145,83,.32);border-radius:7px;background:linear-gradient(180deg,rgba(17,19,20,.95),rgba(8,9,10,.97));text-decoration:none;color:inherit;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.material-card:hover{transform:translateY(-2px);border-color:rgba(220,177,100,.72);box-shadow:0 10px 24px rgba(0,0,0,.28)}.material-card>.material-rarity{position:absolute;z-index:2;top:7px;left:7px;padding:4px 7px;border-radius:4px;background:#1b2329;border:1px solid rgba(159,215,255,.32);font-family:Cinzel,serif;font-size:.62rem;line-height:1;color:#9fd7ff}.material-card--epique>.material-rarity{background:#291d31;border-color:rgba(198,156,255,.32);color:#c69cff}.material-card--legendaire>.material-rarity{background:#302511;border-color:rgba(232,193,109,.35);color:#e8c16d}.material-card--classique>.material-rarity{background:#252525;border-color:rgba(210,210,210,.22);color:#d6d6d6}.material-card__visual{display:grid;place-items:center;aspect-ratio:1/1;background:radial-gradient(circle at 50% 48%,rgba(55,65,70,.20),rgba(3,4,5,.88) 68%);border-bottom:1px solid rgba(184,145,83,.18);padding:14px}.material-card__visual img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .18s ease}.material-card:hover .material-card__visual img{transform:scale(1.035)}.material-card__placeholder{font-size:.72rem;opacity:.42;text-align:center}.material-card__body{display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:8px;padding:9px 9px 10px;min-height:78px}.material-card h2{margin:0;font-family:Cormorant Garamond,serif;font-size:1rem;line-height:1.05;text-align:center;color:#f0eadf}.material-card p{margin:0;font-size:.68rem;line-height:1.2;text-align:center;color:#b9a98f}

.material-rarity{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.material-rarity--classique{color:#d6d6d6}.material-rarity--rare{color:#78ccff}.material-rarity--epique{color:#c69cff}.material-rarity--legendaire{color:#e8c16d}

.material-detail-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:18px}.material-detail-heading h1{margin:.2rem 0 0}.material-detail-heading__actions{display:flex;justify-content:flex-end;gap:.65rem;flex-wrap:wrap}.material-detail{display:grid;grid-template-columns:minmax(260px,38%) minmax(0,62%);gap:16px;align-items:stretch;margin-bottom:16px}.material-detail__visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;border:1px solid rgba(184,145,83,.42);border-radius:7px;background:linear-gradient(180deg,rgba(10,13,15,.98),rgba(6,7,8,.98));overflow:hidden}.material-detail__visual:before,.material-detail__visual:after{content:"";position:absolute;inset:7px;pointer-events:none;border:1px solid rgba(212,166,88,.12)}.material-detail__visual>.material-rarity{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:2;padding:5px 10px;border:1px solid currentColor;border-radius:4px;background:rgba(5,7,8,.88);font-family:Cinzel,serif}.material-visual{width:100%;aspect-ratio:1/1;min-height:0;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 50% 48%,rgba(35,68,88,.18),rgba(6,8,9,.88) 70%)}.material-visual img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}.material-placeholder{opacity:.5;text-align:center}.material-detail__side{display:grid;grid-template-rows:auto 1fr;gap:14px;min-width:0}.material-info-table{overflow:hidden;border:1px solid rgba(184,145,83,.34);border-radius:7px;background:rgba(9,10,11,.80)}.material-info-table>div{display:grid;grid-template-columns:minmax(120px,32%) 1fr;gap:16px;align-items:center;min-height:45px;padding:9px 14px;border-bottom:1px solid rgba(184,145,83,.16)}.material-info-table>div:last-child{border-bottom:0}.material-info-table span{color:#c8bcaa}.material-info-table strong{font-weight:600;color:#eee6d9}.material-info-table strong.material-rarity{font-weight:600}

.material-block{padding:14px 16px;border:1px solid rgba(184,145,83,.28);border-radius:7px;background:linear-gradient(180deg,rgba(14,16,17,.82),rgba(8,9,10,.82))}.material-block h2{margin:0 0 9px;font-family:Cinzel,serif;font-size:.95rem;letter-spacing:.04em;color:#d9ad67}.material-block p{margin:0;line-height:1.55}.material-block--description{height:100%}.material-block--wide{margin-top:14px}.material-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:9px}.material-tile{display:flex;align-items:center;justify-content:center;min-height:58px;padding:10px;border:1px solid rgba(184,145,83,.28);border-radius:6px;background:rgba(5,6,7,.46);text-align:center;color:#e7dfd2}.material-usage-list{display:grid;gap:0}.material-usage-list__item{display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:center;padding:9px 2px;border-bottom:1px solid rgba(184,145,83,.13)}.material-usage-list__item:last-child{border-bottom:0}.material-usage-list__marker{color:#c99a50;text-align:center;font-size:.72rem}.material-empty{opacity:.58}

.material-form{display:grid;gap:.8rem}.material-form label{display:grid;gap:.3rem}.material-form input,.material-form select,.material-form textarea{width:100%}

@media(max-width:1180px){.materials-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:980px){.materials-toolbar__filters{grid-template-columns:1fr 1fr}.materials-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.material-detail{grid-template-columns:minmax(240px,42%) minmax(0,58%)}}
@media(max-width:760px){.materials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.material-detail-heading{flex-direction:column}.material-detail-heading__actions{justify-content:flex-start}.material-detail{grid-template-columns:1fr}.material-detail__visual{max-width:520px;width:100%}.material-info-table>div{grid-template-columns:130px 1fr}}
@media(max-width:620px){.materials-toolbar__filters{grid-template-columns:1fr}.materials-admin-actions{width:100%}.material-card__body{min-height:70px}.material-card h2{font-size:.93rem}.material-info-table>div{grid-template-columns:1fr;gap:3px}.material-tiles{grid-template-columns:1fr 1fr}}