.homi-userbar{
  background:#f7f7f8;border:1px solid #e9e9ee;border-radius:10px;
  padding:10px 12px;margin:6px 0 16px;font-size:14px;color:#3a3a44
}
.homi-section-title{
  margin:22px 0 12px;font-size:18px;font-weight:700;color:#18181b
}
.homi-cards{
  display:grid;grid-template-columns:1fr 1fr;gap:12px
}
.homi-card{
  background:#fff;border:1px solid #eee;border-radius:14px;padding:14px;
  display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 3px rgba(0,0,0,.04)
}
.homi-card-title{font-weight:700;font-size:16px;color:#111}
.homi-card-time{font-size:14px;color:#6b7280;display:flex;align-items:center;gap:6px}
.homi-card-note{font-size:13px;color:#374151;background:#fafafa;border:1px dashed #eee;border-radius:10px;padding:8px}
.homi-card-meta{display:flex;gap:8px;flex-wrap:wrap}
.homi-badge{
  display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;
  background:#eef2ff;color:#3730a3;border:1px solid #e0e7ff
}
.homi-badge-me{background:#ecfeff;color:#0e7490;border-color:#a5f3fc}
.homi-badge-warn{background:#fff7ed;color:#9a3412;border-color:#ffedd5}
.homi-card-actions{margin-top:4px}
.homi-btn{
  display:inline-block;padding:8px 12px;border-radius:10px;border:1px solid #e5e7eb;
  background:#7c3aed;color:#fff;text-decoration:none;font-weight:600
}
.homi-btn:hover{filter:brightness(.95)}
.homi-btn-disabled{opacity:.5;pointer-events:none;background:#e5e7eb;color:#6b7280;border-color:#e5e7eb}
@media (max-width:900px){
  .homi-cards{grid-template-columns:1fr}
  .homi-card{padding:12px;border-radius:12px}
  .homi-card-title{font-size:15px}
}
.homi-warn-ico{
  width:14px;height:14px;display:inline-block;flex:0 0 14px;
  background: conic-gradient(from 180deg at 50% 50%, #f97316 0deg, #fb923c 360deg);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12" y2="17"/></svg>') center / 14px 14px no-repeat;
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12" y2="17"/></svg>') center / 14px 14px no-repeat;
}