/* Thành tựu là cuốn scrapbook của quán, không phải bảng chỉ số khô. */
.management-look .achievement-summary{margin-bottom:14px}
.achievement-chapters{display:flex;gap:8px;margin:0 0 14px;overflow-x:auto;padding:0 0 5px;scrollbar-width:thin}
.achievement-chapters>span{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:10px;border:1.5px solid #c39e69;background:#efddb7;color:#765333;padding:11px 13px;box-shadow:inset 0 0 0 2px #fff1d2}
.achievement-chapters>span{flex:0 0 auto;min-width:118px}
.achievement-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.achievement-chapters strong{font:700 16px/1.25 "Segoe UI",Arial,sans-serif}
.achievement-chapters small{font:700 14px/1.25 Arial,sans-serif;background:#f9edcb;border-radius:30px;padding:3px 7px;color:#7b5731}
.achievement-goal,.achievement-showcase{display:flex;justify-content:space-between;align-items:center;gap:10px;border:2px solid #b99360;background:linear-gradient(115deg,#ffefd1,#efd6ab);padding:12px 14px;border-radius:13px;margin:0;color:#67452c;box-shadow:inset 0 0 0 3px #fff4dc}
.achievement-showcase{background:linear-gradient(115deg,#f4e4c6,#e5d3ae)}
.achievement-goal>div,.achievement-showcase>div{min-width:0}
.achievement-goal small,.achievement-showcase small{display:block;font:700 12px/1.4 "Segoe UI",Arial,sans-serif;letter-spacing:1px;color:#7b542f}
.achievement-goal b,.achievement-showcase b{display:block;margin:3px 0;font-size:23px;line-height:1.22;color:#6c4327}
.achievement-goal p,.achievement-showcase p{margin:5px 0 0;font-size:16px;line-height:1.4;color:#765638}
.achievement-goal button,.achievement-showcase button{border:1.5px solid #af8a55;color:#694726;border-radius:9px;background:#e9c990;min-height:44px;padding:9px 12px;white-space:normal;flex:none;font:700 14px/1.3 Arial,sans-serif}
.management-look .achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.management-look .achievement{grid-template-columns:66px minmax(0,1fr);grid-auto-rows:min-content;align-content:start;gap:6px 12px;min-width:0;position:relative}
.management-look .achievement[data-achievement-tier="Vàng"].unlocked{border-color:#c79e49}
.management-look .achievement[data-achievement-tier="Di sản"].unlocked{border-color:#c59c69;background:#f9ebd0}
.management-look .achievement>span{grid-row:1/8}
.management-look .achievement:not(.unlocked)>span{color:#ad9273;background:#ead8bb}
.management-look .achievement-state{font:700 12px/1.3 Arial,sans-serif;letter-spacing:.03em;color:#73573e}
.management-look .achievement-category{color:#745735;font:700 13px/1.3 Arial,sans-serif}
.management-look .achievement b{font-size:23px;line-height:1.25;overflow-wrap:anywhere}
.management-look .achievement p{font-size:17px;line-height:1.32;overflow-wrap:anywhere}
.management-look .achievement i{margin:4px 0 0}
.management-look .achievement em{font-size:15px;line-height:1.4;color:#775939;overflow-wrap:anywhere}
.management-look .achievement-title-button,.management-look .achievement-pin-button{grid-column:2;min-height:42px;border:1px solid #a98a56;border-radius:9px;background:#f0d9ac;color:#674527;text-align:center;font:700 14px/1.3 Arial,sans-serif;padding:7px 9px;box-shadow:inset 0 1px #fff6e1}
.management-look .achievement-title-button.selected,.management-look .achievement-pin-button.selected{background:#d3e1bc;color:#48632e;border-color:#8da463}
.profile-achievement-title{display:inline-flex;align-self:center;align-items:center;justify-content:center;margin-top:8px;padding:8px 12px;border:1.5px solid #e8d09d;border-radius:999px;background:#4e321ac9;color:#ffe8b4;font-size:16px;line-height:1.25;text-align:center}
.management-look .achievement-title-button:focus-visible,.management-look .achievement-pin-button:focus-visible,.achievement-goal button:focus-visible,.achievement-showcase button:focus-visible{outline:3px solid #78582d;outline-offset:3px}
@media(max-width:850px){.management-look .achievement-grid{grid-template-columns:1fr}.achievement-tools{grid-template-columns:1fr}.achievement-chapters>span{min-width:105px}}
@media(max-width:600px) and (orientation:portrait){
 .achievement-chapters{gap:6px}
 .achievement-chapters>span{padding:9px 7px;gap:4px}
 .achievement-chapters strong{font-size:13px}
 .achievement-chapters small{font-size:12px}
 .achievement-goal,.achievement-showcase{padding:12px;gap:8px;align-items:start}
 .achievement-goal b,.achievement-showcase b{font-size:20px}
 .achievement-goal p,.achievement-showcase p{font-size:14px}
 .achievement-goal button,.achievement-showcase button{max-width:95px;font-size:12px;min-height:44px;padding:6px}
 .management-look .achievement{grid-template-columns:52px minmax(0,1fr);padding:13px;gap:5px 10px}
 .management-look .achievement>span{width:48px;height:48px;font-size:29px}
 .management-look .achievement b{font-size:19px}
 .management-look .achievement p{font-size:15px}
 .management-look .achievement em{font-size:14px}
 .management-look .achievement-title-button,.management-look .achievement-pin-button{font-size:13px}
}
@media(max-height:550px) and (orientation:landscape){
 .achievement-goal,.achievement-showcase{padding:10px 12px}
 .achievement-chapters>span{padding:7px 9px}
 .management-look .achievement{padding:13px}
 .management-look .achievement b{font-size:20px}
 .management-look .achievement p{font-size:15px}
}