/* Achievements admin page (#achievements, roadmap item 96). Rows fold into cards at 600px; the shared items-* classes
   give the heading, buttons and fields. */
.achievements-page .achievements-list{display:flex;flex-direction:column;gap:10px}
.achievements-page .achievements-row{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(150px,auto) auto;gap:12px;align-items:start;padding:12px 14px}
.achievements-page .achievements-picture{width:56px;height:56px;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:#f3e3c2;border:1px solid #d9bc85}
.achievements-page .achievements-picture img{width:100%;height:100%;object-fit:contain}
.achievements-page .achievements-trophy{width:34px;height:34px;fill:#b07a1e}
.achievements-page .achievements-row-info{display:flex;flex-direction:column;gap:4px;min-width:0}
.achievements-page .achievements-row-title{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.achievements-page .achievements-row-title strong{overflow-wrap:anywhere}
.achievements-page .achievements-condition{font-weight:600;overflow-wrap:anywhere}
.achievements-page .achievements-warning{color:#a03a2a;font-size:13px}
.achievements-page .achievements-row-stats{display:flex;flex-direction:column;gap:2px;font-size:13px;color:#6d6457}
.achievements-page .achievements-row-actions{display:flex;flex-direction:column;gap:6px;align-items:stretch;max-width:180px}
.achievements-page .achievements-tag{font-size:12px;padding:1px 8px;border-radius:999px;background:#e6ecdc;border:1px solid #c7d2b8;color:#3f6a4c}
.achievements-page .achievements-tag-off{background:#eee;border-color:#ccc;color:#666}
.achievements-page .achievements-tag-draft{background:#fbefc8;border-color:#e2c97c;color:#7a5520}
.achievements-page .achievements-tag-bad{background:#f6dede;border-color:#e2b5b5;color:#9b3d3d}
.achievements-page .achievements-rewards{display:flex;flex-wrap:wrap;gap:4px}
.achievements-page .achievements-chip{font-size:12px;padding:1px 8px;border-radius:999px;background:#fff4e5;border:1px solid #dcc2a4;color:#584637}
.achievements-page .achievements-chip-none{color:#9b3d3d}
.achievements-page .achievements-editor{display:flex;flex-direction:column;gap:12px;padding:14px;margin-bottom:12px}
.achievements-page .achievements-editor h3{margin:0}
.achievements-page .achievements-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.achievements-page .achievements-form textarea{width:100%;box-sizing:border-box;resize:vertical}
.achievements-page .achievements-condition-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;grid-column:1 / -1}
.achievements-page .achievements-picture-field{display:flex;flex-direction:column;gap:6px}
.achievements-page .achievements-items{display:flex;flex-direction:column;gap:6px}
.achievements-page .achievements-item-row{display:flex;align-items:center;gap:8px}
.achievements-page .achievements-item-row img{width:24px;height:24px;object-fit:contain}
.achievements-page .achievements-item-row span{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.achievements-page .achievements-item-row input{width:90px}
.achievements-page .achievements-active{display:flex;align-items:center;gap:8px}
.achievements-page .achievements-preview{display:flex;flex-direction:column;gap:6px}
.achievements-page .achievements-preview-card{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;padding:10px 12px;border:1px solid #dcc2a4;border-radius:12px;background:#fff4e5;max-width:460px}
.achievements-page .achievements-preview-card>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.achievements-page .achievements-editor-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.achievements-page .achievements-removed h3{margin:14px 0 4px;font-size:15px}
@media(max-width:600px){
 .achievements-page .achievements-row{grid-template-columns:48px minmax(0,1fr)}
 .achievements-page .achievements-row-stats,.achievements-page .achievements-row-actions{grid-column:1 / -1;max-width:none}
 .achievements-page .achievements-row-actions{flex-direction:row;flex-wrap:wrap}
 .achievements-page .achievements-picture{width:48px;height:48px}
 .achievements-page .achievements-form,.achievements-page .achievements-condition-fields{grid-template-columns:minmax(0,1fr)}
}
