.hm-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:14px 0}.hm-toolbar label{display:flex;flex-direction:column;gap:5px}.hm-toolbar input,.hm-toolbar select{max-width:240px}.hm-hint{font-size:13px;color:var(--text-secondary);margin:12px 0}.hm-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin:16px 0}.hm-photo{border:1px solid var(--border-color);border-radius:10px;overflow:hidden;background:var(--bg-card)}.hm-photo img{display:block;width:100%;height:240px;object-fit:contain;background:#eef1f6}.hm-photo>div{padding:10px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.hm-photo button{padding:5px 8px;border:1px solid var(--border-color);border-radius:5px}.hm-recycled{opacity:.65}.hm-warning{color:#b91c1c!important;font-weight:750;background:#fff1f2}.hm-status{min-height:22px;margin:10px 0}.hm-follow progress{width:130px;max-width:100%;accent-color:#d99529}.hm-follow td{vertical-align:middle}.hm-follow input{width:160px}.hm-follow button{padding:6px 10px;border:1px solid var(--border-color);border-radius:5px;margin:3px}.hm-follow select{max-width:130px}.hm-card{padding:20px;margin-bottom:18px}.hm-card h3{margin-bottom:12px}
.hm-hr-tabs[hidden]{display:none}
.topbar-left:has(.hm-hr-tabs:not([hidden])){min-width:0;flex:1;gap:14px}
.topbar-left:has(.hm-hr-tabs:not([hidden])) .page-title{flex-shrink:0}
.topbar:has(.hm-hr-tabs:not([hidden])) .topbar-right{flex-shrink:0}
.hm-hr-tabs{display:flex;gap:8px;min-width:0;overflow-x:auto;padding:3px 0;scrollbar-width:thin}
.hm-hr-tabs button{min-width:82px;flex-shrink:0;padding:9px 14px;border:1px solid #ddc695;border-radius:7px;background:#fffaf0;color:#6b4c2a;font-weight:650;white-space:nowrap}
.hm-hr-tabs button[aria-pressed="true"]{background:#ffe7bd;border-color:#c28a2f;color:#7b4615;box-shadow:inset 0 -2px #c28a2f}
.hm-hr-tabs button:disabled{opacity:.65}
.hm-follow [data-hm-unfollow]{color:#b91c1c;border-color:#fecaca}
.hm-daily-compact{padding:14px 18px}
.hm-daily-compact header{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap}
.hm-daily-compact header h3{margin:0}
.hm-daily-compact header small{color:var(--text-secondary);font-size:12px}
.hm-daily-compact .hm-toolbar{margin:10px 0 6px;gap:10px}
.hm-daily-compact #hmContacts{width:100px}
.hm-daily-compact #hmNote{width:170px}
.hm-daily-compact #hmFiles{width:205px}
.hm-daily-compact #hmEvidence summary{cursor:pointer;font-size:12px;color:var(--accent-cyan);padding:5px 0}
.hm-daily-compact #hmScreenshots{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.hm-daily-compact .hm-photo img{height:140px}
#page-hr-dashboard .hm-follow{max-height:none;overflow-y:visible}
.hm-portrait{min-width:0;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-card);overflow:hidden}
.hm-portrait header{display:flex;justify-content:space-between;gap:8px;padding:13px 14px;align-items:center}
.hm-portrait header strong{font-size:17px;overflow-wrap:anywhere}
.hm-portrait header span{font-size:12px;color:var(--text-secondary)}
.hm-portrait-main{aspect-ratio:4/5;background:#edf0f4;overflow:hidden}
.hm-portrait-main>img{width:100%;height:100%;object-fit:cover;display:block}
.hm-portrait-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#788493;font-size:12px}
.hm-portrait-placeholder svg{width:55%;max-height:60%;fill:#b8c1cc}
.hm-portrait-actions{display:flex;gap:8px;padding:0 12px 10px}
.hm-portrait button{padding:4px 6px;border:1px solid var(--border-color);border-radius:4px;font-size:11px;background:var(--bg-secondary)}
.hm-portrait-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 10px 10px}
.hm-portrait-thumb{min-width:0}
.hm-portrait-thumb img{width:100%;aspect-ratio:1;object-fit:cover;display:block;border-radius:4px}
.hm-portrait-thumb>div{display:flex;gap:3px;flex-wrap:wrap;margin-top:4px}
.hm-portrait-thumb button{padding:3px;min-width:17px;flex:1;text-align:center;font-size:12px}
.hm-portrait img[draggable="true"]{cursor:grab}
.hm-portrait-main:has(img[draggable="true"]):hover{outline:2px dashed #b58a46;outline-offset:-3px}
.hm-image-viewer{z-index:1200}
.hm-image-viewer .modal{position:relative;padding:14px;max-width:94vw;width:auto;max-height:92vh;overflow:auto}
.hm-image-viewer img{display:block;max-width:88vw;max-height:80vh;object-fit:contain}
.hm-image-viewer button{display:block;margin:0 0 10px auto;width:38px;height:38px;font-size:26px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}
.hm-follow .hm-reward-1 td{background:#fff3cf}
.hm-follow .hm-reward-2 td{background:#e8e1ff}
.hm-follow [data-hr-tier][aria-pressed="true"]{background:#704bb6;color:white;font-weight:800}
.hm-follow [data-hr-follow-actions] small{display:block;color:var(--text-secondary);font-size:11px}
.oa-image-dropzone{border:1px dashed #b89465;border-radius:9px;padding:10px;transition:background .15s,border-color .15s}
.oa-image-dropzone.oa-image-dragover{background:#fff1d7;border-color:#bc781c;outline:2px solid #edc686}
.oa-image-drop-hint{display:block;font-size:12px;color:var(--text-secondary);margin-top:4px}
.oa-image-drop-error{display:block;color:#bf2424;font-size:12px;white-space:normal}
